Left float and right float : float : Layout Attributes HTML CSS TUTORIALS


HTML CSS TUTORIALS » Layout Attributes » float »

 

Left float and right float


 
<html>
<head>

<title>Left float and right float</title>
<style type="text/css">
.leftFloat {
 float: left
}
.rightFloat {
 float: right
}
{
 clear: left;
}

</style>
</head>

<body>
  <img src="http://www.navioo.com/style/logo.png" class="leftFloat" alt="cover" />

  <p>This is the book cover for the <em>CSS</em>.</p>
  <img src="http://www.navioo.com/style/logo.png" class="rightFloat" alt="cover"/>

  <p>This is the book cover for the <em>CSS</em>.</p>
</body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Layout Attributes
» float