View Single Post
Old 04-18-2014, 06:13 PM   #2
marst
Connoisseur
marst began at the beginning.
 
marst's Avatar
 
Posts: 72
Karma: 10
Join Date: Mar 2011
Location: Left coast, USA
Device: Kobo Forma; Android tablet w/Mantano Reader
Just hacking around I did happen across a combination of tags and CSS instructions that seem to work. But, this is clearly not the purpose of a "DL" and is thus not Semantically Correct.

Code:
dt.bullet {
  float:left;
}

dd.bullet-text {
  margin-left:2.5em;
  margin-bottom:0.4em;
}
In use:

Code:
<dl>
  <dt class="bullet">o</dt> <!-- whatever the bullet char might be -->
  <dd class="bullet-text">The text associated with this bullet goes here.</dd>
</dl>
It's probably a truly horrible idea. Yet, it does seem to do the job and displays as I expected in at least one Android e-reader (Mantano Reader). How it might display elsewhere, I don't know yet.

Last edited by marst; 04-18-2014 at 06:17 PM.
marst is offline   Reply With Quote