Posted By

LeeRJohnson on 06/14/09


Tagged

css style lorem ipsum guide


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

LeeRJohnson


HTML Block Level Element Guide


 / Published in: HTML
 

  1. <div id="block-elements">
  2. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
  3. turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit
  4. amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae
  5. est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
  6. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean
  7. fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus
  8. lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent
  9. dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
  10. eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor,
  11. facilisis luctus, metus</p>
  12. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
  13. turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit
  14. amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae
  15. est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
  16. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean
  17. fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus
  18. lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent
  19. dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
  20. eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor,
  21. facilisis luctus, metus</p>
  22. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
  23. turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit
  24. amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae
  25. est. Mauris placerat eleifend leo.</p>
  26. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
  27. turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit
  28. amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae
  29. est. Mauris placerat eleifend leo.</p>
  30. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
  31. turpis egestas.</p>
  32. <div>
  33. This is a <code>div</code> element. Lorem ipsum dolor sit amet, elit, sed diam nonummy
  34. nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod
  35. tincidunt ut laoreet dolore magna aliquam erat volutpat. (End of <code>div</code>.)
  36. </div>
  37. <p>This is a block quotation containing a <em>single</em> paragraph. Lorem ipsum
  38. dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
  39. ut laoreet dolore magna aliquam erat volutpat.</p>
  40. <p>The following contains address information about the author, in an <code>address</code>
  41. element and may be used by authors to supply contact information for a document or a major part of a document such as a form.
  42. This element often appears at the beginning or end of a document.</p>
  43. <address class="vcard">
  44. <a href="http://leerjohnson.com">Lee R. Johnson</a> <br />
  45. <a class="tel" href="voice:+15038516041">+1 503 851 6041</a> |
  46. <a class="email" href="mailto:[email protected]">[email protected]</a><br />
  47. <span class="adr">
  48. <span class="street-address">3454 Ipsum Lane N.E.</span> |
  49. <span class="locality">Kiezer</span>, <span class="region">Oregon</span> <span class="postal-code">97303</span> |
  50. <span class="country-name">United States</span>
  51. </span>
  52.  
  53. <p>This next bit shows that PREformatted text is working.</p>
  54. <pre>1
  55. 2
  56. 3
  57. 4
  58. 5
  59. </pre>
  60. </div>

Report this snippet  

You need to login to post a comment.