Advertisement
Guest User

Untitled

a guest
Dec 5th, 2011
163
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.08 KB | None | 0 0
  1. <!-- in the CSS, all <dt>'s and <dd>'s are styled "display: inline;" -->
  2. <!-- using <span> as a grouping element -->
  3. <dl>
  4.   <span style="display:block">
  5.     <dt>Firstname </dt>     <dd> $some_db_data </dd>
  6.     <dt>Lastname </dt>      <dd> $some_db_data </dd>
  7.   </span>
  8.    
  9.   <span style="display:block">
  10.     <dt>Street </dt>        <dd> $some_db_data </dd>
  11.   </span>
  12.    
  13.   <span style="display:block">
  14.     <dt>Postal code </dt>   <dd> $some_db_data </dd>
  15.     <dt>City </dt>          <dd> $some_db_data </dd>
  16.   </span>
  17. </dl>
  18.  
  19. <!-- in the CSS, all <dt>'s and <dd>'s are styled "display: inline;" -->
  20. <!-- using correct markup, styling the last inline element beloning to a "group" with css pseudo-element :after or some other clever trick -->
  21. <dl>
  22.     <dt>Firstname </dt>     <dd> $some_db_data </dd>
  23.     <dt>Lastname </dt>      <dd class="break"> $some_db_data </dd>
  24.    
  25.     <dt>Street </dt>        <dd class="break"> $some_db_data </dd>
  26.    
  27.     <dt>Postal code </dt>   <dd> $some_db_data </dd>
  28.     <dt>City </dt>          <dd class="break"> $some_db_data </dd>
  29. </dl>
  30.  
  31.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement