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

HTML CSS TUTORIALS » Text Attributes » blockquote »

Different background 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: 175px;
 margin: 0 0.7em 0 0;
 padding: 10px 0 0 27px;
 font-size: 1.2em;
 font-style: italic;
 color: black;
}
blockquote p {
 margin: 0;
 padding: 0 22px 10px 0;
 width:150px;
 text-align: justify;
 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>