A Leaner Tables Alternative for 4 Glyphs

CSS margin can have one, two, three or four values. See:


This is why I prefer using <br> whenever possible. It has fealty to your line heights that <p> throws out the window. Yes yes I know the versatility of <p> with styles and all that but in my dictionary the ‘p’ stands for padding heh.

Regarding <br> MDN says:

It is useful for writing a poem or an address, where the division of lines is significant.

MDN also says:

Do not use <br> to create margins between paragraphs; wrap them in <p> elements and use the CSS margin property to control their size.


Creating separate paragraphs of text using <br> is not only bad practice, it is problematic for people who navigate with the aid of screen reading technology.

I wrote " So you may wish to add CSS to control top and bottom margins of the <p> elements" because the margins of the <p> elements above and below the asterisks may affect the vertical spacing above and below the asterisks. Those margins will be by default 1em unless you use CSS to specify otherwise.

1 Like

There once was a scorpion who asked a turtle if he could ride on his back to cross the river. The turtle replied “Most certainly not! You’ll sting me and then I shall die!” The scorpion replied, “You have my word of honor that I will not sting you.” The turtle thought about it and reasoned, well, it’s no trouble for me to cross the river and the poor fellow does look put out. Alright, but I’m holding you to your word,” whereupon he allowed the scorpion to climb on his back. Just before arriving on the opposite side the scorpion stung the turtle most viciously. Gasping as he crawled out of the water the turtle managed to ask “Why?! Why did you sting me?? to which the scorpion replied, “I can’t help it. It’s in my nature.”