blockquote border-bottom: 1em solid #999; : blockquote « Tags « HTML / CSS






blockquote border-bottom: 1em solid #999;

  
<!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-family: Georgia, Times, "Times New Roman", serif;
 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>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.</p>
  </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>

  <p>Pellentesque posuere. Praesent tempor malesuada arcu. Cras pulvinar, massa sed scelerisque fringilla, massa ipsum feugiat lectus, non tempus nulla enim et erat. Donec semper semper dui. Etiam laoreet. Maecenas sit amet libero. In sed tellus ut ipsum facilisis fringilla. Vivamus diam. Maecenas ut orci nec justo porta molestie. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>

  <p>Duis in arcu sit amet erat volutpat ornare. Nullam consequat metus ut est. Cras semper nisl nec odio. Ut tincidunt. Quisque sit amet orci. Duis aliquam sapien eget dui. Fusce rhoncus nisi id orci. Quisque sed felis ac dolor nonummy eleifend. Morbi metus velit, commodo eu, rhoncus imperdiet, laoreet nec, nulla. Nulla sit amet lacus sit amet augue tempus euismod. Maecenas quis lorem nec urna sagittis venenatis. Maecenas turpis.</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 color: #555;
9.blockquote float: left;
10.blockquote width: 200px;
11.blockquote margin: 0 0.7em 0 0;
12.blockquote padding: 0.7em;
13.blockquote color: #666;
14.blockquote background-color: black;
15.blockquote font-family: Georgia, Times, "Times New Roman", serif;
16.blockquote font-size: 1.5em;
17.blockquote font-style: italic;
18.blockquote border-top: 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