Полноцветный цвет фона внутри div

Question

У меня есть простой div, который содержит строки текста, которые имеют чередующийся цвет фона. Первая строка зеленая, вторая - красная, третья - зеленая и так далее. Этот div имеет ширину 450 пикселей, и большинство строк текста не охватывают всю длину div, но мне бы хотелось, чтобы цвет фона охватывал полные 450 пикселей слева направо.

Я пробовал добавить ширину: 450px к тегу span для текста, но все равно не могу заставить его пройти весь путь. Какие-либо предложения?

Answer 1

Если вы установите display: block на ваших пролетные элементах, цвет фона должен охватывать всю ширину контейнера.

Когда вы используете свойство display: block для элементов span, они будут показаны как блок, то есть разрыв строки в конце.

Answer 2

display: block установка на размах элементе

Try Смотрите эту jsFiddle example