Css box

How do i make a boxin html

<div style="width:500px;height:100px;border:1px solid #000;">This is a rectangle!</div>

Border-box css

#example1 {
  box-sizing: border-box;
}

How to style rule to apply the Border Box model css

header, ul, nav, li, a /* other elements */{

 display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

Css box

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

Source: css-tricks.com

Similar codes

0 vote271 views1 answer
How can i make a menu bar appear by clicking an icon? in css?
CSS
1 vote279 views1 answer
Slickjs height
CSS
40 votes315 views6 answers
How to write css
CSS
0 vote331 views1 answer
Chai assert
CSS
21 votes269 views2 answers
Remove color and underline from link css
CSS
64 votes305 views4 answers
Bootstrap buttons
CSS
15 votes287 views4 answers
Sass
CSS
1 vote299 views3 answers
Css for bigger screen size
CSS
0 vote300 views1 answer
Responsive page
CSS
0 vote275 views2 answers
Nativescript hr
CSS