Style for blockquote and paragraph in a blockquote : blockquote : Text Attributes HTML CSS TUTORIALS

HTML CSS TUTORIALS » Text Attributes » blockquote »

Style for blockquote and paragraph in a blockquote


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
blockquote {
 float: left;
 width: 200px;
 margin: 0 0.7em 0 0;
 padding: 0.7em;
 color: #666;
 background-color: black;
 font-size: 1.5em;
 font-style: italic;
 border-top: 1em solid #999;
 border-bottom: 1em solid #999;
}
blockquote p {
 margin: 0;
 padding: 0;
 text-align: left;
 line-height: 1.3em;
}
</style>
</head>

<body>
  <p>One</p>

  <blockquote>
    <p>Two</p>
  </blockquote>

  <p>three</p>

  <p>four</p>

  <p>file</p>
</body>
</html>