A 1- or 2-pixel space is introduced between rows in various situation described below, which becomes obvious when using coloured backgrounds. All three examples have block-display in common. 1) list <li> .even { background-color: #444444; display: block; } <ul> <li><span class="S1510 odd">LSE open 08:00 close 16:30 </span></li> <li><span class="S1510 even">NYSE open 14:30 close 21:00 </span></li> </ul> If you remove "display: block", the space disappears. 2) <div> .even { padding: 3px 0 3px 3px; background-color: #444444; display: block; } <div class="S1510 odd">LSE open 08:00 close 16:30 </div> <div class="S1510 even">NYSE open 14:30 close 21:00 </div> 3) <span><br> .even { padding: 3px 0 3px 3px; background-color: #444444; display: block; } <span class="S1510 odd">LSE open 08:00 close 16:30 </span><br> <span class="S1510 even">NYSE open 14:30 close 21:00 </span><br> If you remove "display: block", the space disappears. Firefox displays a big space between rows unless you take <br> out. ============ I shall add HTML and screenshots for all three examples.
Created attachment 705 [details] HTML - <li> example
Created attachment 706 [details] HTML <div> example The first two <span> tags are not followed by <br> to show the difference.
Created attachment 707 [details] HTML - <span><br> example The first two <span> tags are not followed by a <br> tag to demonstrate the difference.
Please, ignore comment #2. I confused my attachments. It was meant for attachment 707 [details].
Created attachment 708 [details] screenshot <li>, ClawsMail/Firefox comparison
Created attachment 709 [details] screenshot <div>, ClawsMail/Firefox comparison
Created attachment 710 [details] screenshot <span><br>, ClawsMail/Firefox comparison
the gtkhtml2 plugin has now been dropped and superseded by the Fancy plugin