Css width percentage

Width css property

/* <length> values */
width: 300px;
width: 25em;

/* <percentage> value */
width: 75%;

/* Keyword values */
width: max-content;
width: min-content;
width: fit-content(20em);
width: auto;

/* Global values */
width: inherit;
width: initial;
width: unset;

Source: developer.mozilla.org

Css width percentage

<div style="background-color:navy;">
  <div style="width:50%; margin-left:20%; background-color:chartreuse;">
    Width: 50%, Left margin: 20%
  </div>
  <div style="width:30%; margin-left:60%; background-color:pink;">
    Width: 30%, Left margin: 10%
  </div>
</div>

Source: developer.mozilla.org

Similar codes

0 vote149 views1 answer
Css psedou content data
CSS
0 vote135 views2 answers
Center a fixed div horizontally
CSS
116 votes144 views6 answers
How to hide the scrollbar in css
CSS
27 votes136 views6 answers
Animation properties css
CSS
12 votes239 views2 answers
How to center element in bulma
CSS Bulma
5 votes144 views3 answers
Css window height
CSS
0 vote137 views2 answers
Background Video.module.css'
CSS
0 vote165 views1 answer
Importing scss into vue component
CSS
33 votes144 views6 answers
Linear gradient css
CSS
1 vote155 views1 answer
Angular headers for enc type
CSS