Make sure the element clears its child elements. This is useful only if you are still using floats to build your layout. Consider using a modern approach with a flexible box layout or grid layout.
HTML CODE
<div class="clearfix">
<div class="floated">
float a
</div>
<div class="floated">float b</div>
</div>
CSS CODE:
.clearfix::after {
content: '';
display: block;
clear: both;
}
.floated {
float: left;
}
DEMOSTRATION:
Post your comments / questions
Recent Article
- How to restrict access to the page Access only for logged user in Django
- Migration admin.0001_initial is applied before its dependency admin.0001_initial on database default
- Add or change a related_name argument to the definition for 'auth.User.groups' or 'DriverUser.groups'. -Django ERROR
- Addition of two numbers in django python
- The request was aborted: Could not create SSL/TLS secure channel -Error in Asp.net
- FieldError: Cannot resolve keyword 'id' into field in Django project
- How to hide the ID field from the Django admin?
- It is impossible to add a non nullable field without specifying a default. Django error
Related Article