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 vote188 views1 answer
Change the background of an element in a loop using css
CSS
1 vote213 views1 answer
How to validate mail adress css
CSS
0 vote186 views1 answer
Css add required asterisk after
CSS
0 vote187 views1 answer
Html css tilt text
CSS
5 votes207 views3 answers
CSS RESPONSIVE
CSS
1 vote202 views1 answer
Angular headers for enc type
CSS
0 vote199 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
0 vote218 views1 answer
Bootstrap remove unused css
CSS Bootstrap
0 vote155 views1 answer
Cursor color change
CSS
0 vote206 views1 answer
Css keep element on same position among different screen size
CSS