Create quote with float

Create quote with float : quote : Text Attributes HTML CSS TUTORIALS


 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CSS Positioning Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style rel="stylesheet" type="text/css">
div {
  width: 400px;
}

div,h1,p {
  border: 1px solid #000000;
  margin: 5px;
}

p#pullQuote {
  float: right;
  width: 100px;
}
</style>
</head>

<body>
<div id="page">
  <h1>Heading One</h1>
  <p id="pullQuote">a pull-quote.</p>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur in neque.
   Etiam condimentum, dui sed sodales tristique, libero tellus bibendum felis, vel 
   malesuada lacus mauris eget dui. </p>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur in neque.
   Etiam condimentum, dui sed sodales tristique, libero tellus bibendum felis, vel 
   malesuada lacus mauris eget dui. Quisque condimentum volutpat sem. Nunc dictum.
   Morbi elit lacus, ultricies faucibus, adipiscing non, sollicitudin ut, arcu.
   Curabitur cursus odio eu felis. </p>
</div>
</body> 

</html>

HTML code for linking to this page:

Create quote with float : quote : Text Attributes HTML CSS TUTORIALS

HTML CSS TUTORIALS » Text Attributes » quote »

Create quote with float

HTML CSS TUTORIALS