Guest User

Untitled

a guest
Apr 19th, 2018
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.37 KB | None | 0 0
  1. <dl>
  2. <dt>Mercury</dt>
  3. <dd>Mercury (0.4 AU from the Sun) is the closest planet to the Sun and the smallest planet.</dd>
  4. <dt>Venus</dt>
  5. <dd>Venus (0.7 AU) is close in size to Earth, (0.815 Earth masses) and like Earth, has a thick silicate mantle around an iron core.</dd>
  6. <dt>Earth</dt>
  7. <dd>Earth (1 AU) is the largest and densest of the inner planets, the only one known to have current geological activity.</dd?>
  8. </dl>
  9.  
  10. <style type="text/css">
  11. * {
  12. padding:0;
  13. margin:0
  14. }
  15. dl {
  16. width:100%;
  17. overflow:hidden;
  18. background:#ff0;
  19. }
  20. dt {
  21. float:left;
  22. width:50%; /* adjust the width; make sure the total of both is 100% */
  23. background:#cc0;
  24. }
  25. dd {
  26. float:left;
  27. width:50%; /* adjust the width; make sure the total of both is 100% */
  28. background:#dd0
  29. }
  30. </style>
  31. <dl>
  32. <dt>Mercury</dt>
  33. <dd>Mercury (0.4 AU from the Sun) is the closest planet to the Sun and the smallest planet.</dd>
  34. <dt>Venus</dt>
  35. <dd>Venus (0.7 AU) is close in size to Earth, (0.815 Earth masses) and like Earth, has a thick silicate mantle around an iron core.</dd>
  36. <dt>Earth</dt>
  37. <dd>Earth (1 AU) is the largest and densest of the inner planets, the only one known to have current geological activity.</dd?>
  38. </dl>
  39.  
  40. dl {
  41. margin:0;
  42. padding:0;
  43. clear:both;
  44. overflow:hidden;
  45. }
  46. dt {
  47. margin:0;
  48. padding:0;
  49. float:left;
  50. width:28%;
  51. list-style-type:bullet;
  52. }
  53. dd {
  54. margin:0;
  55. padding:0;
  56. float:right;
  57. width:72%;
  58. }
  59.  
  60. .huitCinqPts dl dt, .huitCinqPts dl dd {font-size:11.3px;}
  61. .bord_inf_gc dl {padding-top:0.23em;padding-bottom:0.5em;border-bottom:1px solid #aaa;}
  62.  
  63. <div class="huitCinqPts bord_inf_gc">
  64. <dl><dt>Term1</dt><dd>Definition1</dd></dl>
  65. <dl><dt>Term2</dt><dd>Definition2</dd></dl>
  66. </div>
  67.  
  68. <style type="text/css">
  69. dl > div {
  70. display: table-row;
  71. }
  72. dl > div > dt {
  73. display: table-cell;
  74. background: #ff0;
  75. }
  76. dl > div > dd {
  77. display: table-cell;
  78. padding-left: 1em;
  79. background: #0ff;
  80. }
  81. </style>
  82.  
  83. <dl>
  84. <div>
  85. <dt>Mercury</dt>
  86. <dd>Mercury (0.4 AU from the Sun) is the closest planet to the Sun and the smallest planet.</dd>
  87. </div>
  88. <div>
  89. <dt>Venus</dt>
  90. <dd>Venus (0.7 AU) is close in size to Earth, (0.815 Earth masses) and like Earth, has a thick silicate mantle around an iron core.</dd>
  91. </div>
  92. <div>
  93. <dt>Earth</dt>
  94. <dd>Earth (1 AU) is the largest and densest of the inner planets, the only one known to have current geological activity.</dd>
  95. </div>
  96. </dl>
Add Comment
Please, Sign In to add comment