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






  1. HTML / CSS
  2. Tags
  3. img float

Image floating right

      
<html>
<head>

  <title></title>
<style type="text/css">
.leftFloat {
 float: left
}
.rightFloat {
 float: right
}
p {
 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