CSS “overflow” culls “background-color”

Question

I\'m trying to style blocks of code for a website. The container div is set to overflow both vertically and horizontally. The problem is when it overflows horizontally, the zebr

Answer 1

Lines are expanding like every block element to the maximum width - and that is without overflow. And they are not connected - if one is bigger, it does not affect others.

Try changing them to something else than block element, like that:

.codeblock pre code .line {
    display: table-row;
}

Table-related types change width or height (cells) together

http://jsfiddle.net/D7rND/