how to clear floats
This is the code
.float-wrapper::after {
content: "";
clear: both;
display: block;
}
---------------------------------------------------------------
Explanation:
.float-wrapper -> is some parent element that wraps the floating items
example:
<div class='float-wrapper'>
<div class='floating-item'> </div>
<div class='floating-item'> </div>
....
</div>
::after adds an element after the .float-wrapper, that
has no content and clears floats from the both sides, making sure,
other sections are not affected by floats
Also in CSS:
- scss hover
- css min width
- css center text
- hide scrollbar css
- how to make image not repeat on background
- boootstrap alerts
- css attribute selector
- effetto fade con css
- how to wrap text in div css
- for loops in cpp
- css for chrome only
- css animation delay
- css cursor pointer
- how to highlight text in css
- acf true false field default value
- css grid align
- how to style rule to apply the Border Box model css
- scroll animation css
- how to make a popup in html and css
- css distance between text and input box
- adding css to html body
- add sucssess message laravel
- how to vertically align text css
- reseting css