Home/ Questions/Q 8016491
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T20:33:16+00:00

I’ve got lines of text inside a div that alternate background colors to make

  • 0

I’ve got lines of text inside a div that alternate background colors to make it easier to read. Each of these has a display: block; property so the background-color spans the entire width of the div.

However, this puts each line of text rather far apart. If I bring the lines closer with line-height, the background-color no longer covers the text appropriately.

Here’s an image showing what’s happening:
Example

Does anyone have any suggestions about how to get this to look like the original, minus the space between lines?

Edit: Here’s a jfiddle example: http://jsfiddle.net/f8K3T/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have explicit line breaks in your markup.

    These have a non-zero height, hence the gaps.

    I forked your fiddle: http://jsfiddle.net/zmA8N/

    I think this is what you’re after.

    • 0