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

1 vote339 views1 answer
Export database spinup on terminal commands
CSS
0 vote346 views2 answers
How to zoom picture on hover using css
CSS
0 vote338 views1 answer
How to make my list unstyled
CSS
0 vote381 views1 answer
Taille texte css
CSS
19 votes328 views3 answers
Center in grid
CSS
0 vote295 views1 answer
Css ein bisschen durchsichtig
CSS
17 votes321 views2 answers
Css horizontal gradient background color
CSS
18 votes343 views2 answers
How to push text to the right css
CSS
21 votes337 views3 answers
How to create a circle with css
CSS
1 vote342 views1 answer
Highlight table row on hover
CSS