Using Float Positioning : float : Layout HTML CSS TUTORIALS

HTML CSS TUTORIALS » Layout » float »

Using Float Positioning


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>Using Float Positioning</title>
    <style type="text/css" rel="stylesheet">
p {
  border-width: thin;
  border-style: solid; 
  height: 100px; 
  width: 100px;
  text-align: center;
float: right;}
p.red {background-color: red;}
p.white {background-color: white;}
p.blue {background-color: blue;}
    </style>
  </head>
  <body>
    <p class="red">
      Container 1
    </p>
    <p class="white">
      Container 2
    </p>
    <p class="blue">
      Container 3
    </p>
  </body>
</html>