Image floating right : img float « Tags « HTML / CSS

HTML / CSS » Tags » img float 
Image floating right
      
<html>
<head>

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

</style>
</head>

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

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

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

   
    
    
    
    
    
  
Related examples in the same category
1.Image float: left
2.Image float left, (text wrap)
3.Image floating left and right
4.Image floating with text
5.Image floating left
6.Image floating right 2
7.Image floating right, left
8.Floating the image allows the text to flow around it
9.Text floating around image
10.Two image float left and right separately
11.Image floating to left
12.Image Floating right 3
13. floating to right with image
14.Image float and text wraping
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.