Think I deserve a present? See my Amazon Wish List

Float Class

In the process of writting float class name tip I encountered an error with the display in Apple IE 5 whcih displayed the floated elements as a list.

[ No width | min-width property | Fixed width. ]

Wild Cornflowers

Wild Cornflowers

Wild Cornflowers

Wild Cornflowers

Wild Cornflowers

div.floatl {
float: left;
border: 1px solid #000000;
text-align: center;
background-color: #3366cc;
margin: 10px;
padding: 2px;
}

div.floatl img {
border: 1px solid #000000;
}

div.floatl p {
text-align: center;
margin: 0px;
padding: 0px;
}

div.floatl A {
text-decoration: none;
font-size: 0.8em;
}


Share this!