blockquote color: #555; : blockquote « Tags « HTML / CSS






blockquote color: #555;

  
<!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 {
 margin: 0;
 padding: 0;
 color: #555;
}
blockquote p {
 font: italic 1em Georgia, Times, "Times New Roman", serif; 
 font-size: 1em;
 margin: 1.5em 2em 0 1.5em;
 padding: 0;
}
blockquote .source {
 text-align: right;
 font-style: normal;
 margin-right: 2em;
}

</style>
</head>

<body>

  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin dictum adipiscing sapien. Nam faucibus tellus eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam id mi vel metus dictum placerat. Quisque quam tellus, lobortis quis, consequat id, congue eget, mi. Proin eget pede ut risus faucibus ultricies. In sit amet libero eget justo tincidunt ornare.</p>

  <blockquote>
    <p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.</p>

    <div class="source">
      John Smith at the movies
    </div>
  </blockquote>

  <p>Nunc pharetra, libero non dictum mollis, nisi odio porta metus, in ornare nulla erat a velit. Ut leo elit, dapibus in, porttitor aliquet, posuere eu, nisl. Phasellus pede. Cras posuere. Nunc magna enim, lobortis ut, placerat vitae, tempus et, arcu. Vestibulum molestie tincidunt metus. Mauris nisl orci, posuere sed, iaculis quis, consectetuer vel, erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec magna magna, posuere sit amet, sollicitudin eget, tincidunt ut, tortor. Vestibulum placerat. Nunc pharetra pede eget turpis. Suspendisse vitae tellus. Etiam orci. Phasellus imperdiet dapibus urna. Sed euismod ultricies augue.</p>
</body>
</html>

   
    
  








Related examples in the same category

1.blockquote tag
2.Set margin, padding and color for blockquote
3.Style for blockquote and paragraph in a blockquote
4.Different background for blockquote and paragraph in a blockquote
5.border for blockquote
6.blockquote margin: 0;
7.blockquote padding: 0;
8.blockquote float: left;
9.blockquote width: 200px;
10.blockquote margin: 0 0.7em 0 0;
11.blockquote padding: 0.7em;
12.blockquote color: #666;
13.blockquote background-color: black;
14.blockquote font-family: Georgia, Times, "Times New Roman", serif;
15.blockquote font-size: 1.5em;
16.blockquote font-style: italic;
17.blockquote border-top: 1em solid #999;
18.blockquote border-bottom: 1em solid #999;
19.blockquote with image
20.blockquote background: url(img/menubg.gif) repeat-x bottom left #f4f4f4;
21.blockquote border-bottom: 1px solid #d8d8d8;
22.blockquote border-left: 4px solid #ccc;
23.blockquote border-right: 1px solid #d8d8d8;
24.blockquote border-top: 1px solid #d8d8d8;
25.blockquote color: #505050;
26.blockquote margin: 16px;
27.blockquote padding: 7px 7px 7px 11px;
28.blockquote font-weight: bold;
29.blockquote color: #B29B35;
30.Quotation layout
31.blockquote:before {content: open-quote;} blockquote:after {content: close-quote;}
32.'blockquote' Example