|
Yup. Just to be clear, the image i posted WAS with your original code (setting width to 76%). BUt as you say, with a narrow screen it'll split.
Would it be safe to summarize the three methods' pros/cons as:
1) (float method) Pro: displays relationship between bullet and text consistently and replicates list-style formatting. Con: variable bullet lengths will affect the left margin of the text.
2) (table method) Pro: displays relationship between bullet and text consistently and replicates list-style formatting. Con: very busy code.
3) (inline-block method) Pro: bullet length will not affect the left margin of the text. bullet and text element will separate on narrow viewing windows (e.g. cell phones).
...and then, additionally, all three lack the semantic/accessibility info of ol/ul list css.
Is there another "con" to the table method that I'm not articulating? I could've sworn that non-giant e-readers tend to struggle with tables...
|