Clearfix

https://phpbbstudio.com/ext/phpbbstudio/studio/styles/all/theme/images/studio-round-blue.svg BBCodes 26-Mar-2019T15:59:39 phpBB Studio https://phpbbstudio.com/ext/phpbbstudio/studio/styles/all/theme/images/studio-round-yellow.svg https://phpbbstudio.com/ext/phpbbstudio/studio/styles/all/theme/images/studio-round-yellow.svg

Clearfix

 
When elements have the float style set, they are taken out of the page context.
Meaning that other elements sometimes can be weirdly displayed around them.
To fix that issue, you have to set the clear style before and after the floating elements.
That is where [clearfix] comes in!

tip

css3 This BBCode has no inline style!

 


 

pencil BBCode usage

[clearfix]{TEXT}[/clearfix]

 

html5 HTML replacement

<div class="clearfix">{TEXT}</div>

 

question Help line

Wrap around floating elements to properly outline them.

 

Examples

No examples provided.