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

2 votes389 views1 answer
How to put a black overlay on a photo css
CSS
3 votes352 views2 answers
How to get rid of underline for links in css
CSS
0 vote354 views1 answer
Cd program files x86
CSS
53 votes341 views6 answers
How to underline text in css
CSS
0 vote369 views1 answer
Move element on new line css
CSS
0 vote372 views2 answers
Wp redirect to https htaccess
CSS
0 vote355 views1 answer
Css broken image has top margin?
CSS
13 votes409 views2 answers
Bootstrap Aligning images
CSS Bootstrap
11 votes360 views2 answers
Css click through an element
CSS
10 votes345 views5 answers
Text-align property in css
CSS