Core Code
Core Code Modern Dev Handbook

CSS Percentage Unit

Percentage units are relative to the parent element.

Preview

Code

<style>
.container{
width:300px;
background:#e5e7eb;
}

.box{
width:50%;
height:50px;
background:#22c55e;
}
</style>

<div class="container">
<div class="box"></div>
</div>

More CSS Units Examples (8)

example CSS px Unit open example example CSS em Unit open example example CSS rem Unit open example example CSS vw Unit open example example CSS vh Unit open example example Font Scaling with rem open example example Responsive Width open example example Viewport Text Size open example