![]() If all you had to worry about were Opera and Gecko powered browsers, that is. One or two sentences is sufficient for the example.Īs in the custom bullet example above, we could use CSS to automatically generate the commas and period that follow each list item. Item 5 we’ll make a bit longer so that it will wrap.Īnd then there is the text that follows the list in the paragraph.It doesn’t really matter, for our purposes we just need some preceding text before the list: Perhaps the context is something about a husband getting a call from his wife to pick up a few things on the way home from work. The results are below (list appears bold and blue):Ī bit of text before the list appears. The UL list has been modified so that each list item has a comma after it, with the last item followed by a period. This DIV contains a paragraph followed by our standard UL, and a followup paragraph. However, with the help of our style sheet, that is how it will look in the web page.” But (X)HTML does not allow a list to appear inside of a paragraph. I hear you crying,“FOUL! I thought you were going to put a list inside of a paragraph, not between two paragraphs.” This time the markup will be a paragraph, followed by the same list, followed by another paragraph. Since this list will not be separate and unto itself, I won’t put it into the base DIV that the previous lists have inhabited. ![]() Structurally it makes sense to mark this up as a list, but presentationally you might not want break the flow of the paragraph. There are times when you might need to list several items in the midst of a paragraph, maybe a list of books that you want to read. ![]() This applies to more than just lists of links. Or maybe you want your list of links to align themselves horizontally across the top of your page. Who says a list needs to be vertically aligned with bullets hanging off the left side of each item? Perhaps you want the structure of an ordered list of links, but visually you want it to look like a vertical navigation bar on the web page.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |