CSS width
Property
Jan. 06, 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<style>
.example1 {
color: white;
background-color: gold;
padding: 10px;
border-radius: 5px;
}
.example2 {
color: white;
background-color: gold;
padding: 10px;
border-radius: 5px;
width: fit-content;
}
</style>
With no setting width
property (default value):
1
2
3
<div class="example1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
width: fit-content
:
1
2
3
<div class="example2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
References