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 vote263 views1 answer
Css how to remove underline from visited sites
CSS
5 votes298 views3 answers
Set scroll position bottom in div css
CSS
3 votes284 views2 answers
Multiple box shadows css
CSS
2 votes243 views1 answer
Css content space
CSS
322 votes426 views6 answers
Font awesome cdn link
CSS
15 votes292 views2 answers
Transition background gradient
CSS
58 votes284 views6 answers
How to center a div vertically and horizontally
CSS
0 vote280 views1 answer
Bootstrap 5 sidebar class
CSS
-1 vote272 views1 answer
Materialize table padding css
CSS
5 votes273 views3 answers
Css set div heigtto screen
CSS