Pyzon: How to clear float and errors line in blogger using css

Easily clear float s by adding .clearfixto the parent element on blogger css.

The problem happens when a floated element is within a container box, that element does not automatically force the container’s height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow. You can use 2 methods to fix it:
*.{clear: both;}
*.clearfix
Once you understand what is happening, use the method below to “clearfix” it


1.Login to yourBlogger Dashboard>Template

2.Downloada copy of your template

3.Now click onEdit HTML

4.UseCtrl +Fto find</ head> and  paste the following code above/before it.

<blockquote>
<style type='text/css'>
.clearfix:after { visibility: hidden; display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; } .clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* codeinair.blogspot.com.ng */
</style>

</blockquote>

---

How to clear float and errors line in blogger using css

---

share this article to: Google+ Whatsapp

Do you enjoy our Article! and need to share to your love once offline, whatsapp, Facebook and also store in your phone etc

Go back to the previous page

Published by Pyzon,at 21:47 and have 0 comments