Как правильно сделать background у инлайновых элементов?

Question

[issssrt]

пример - gyazo.com/f57d6b2f6e6d2886f53c162e2b9cccd2
Как сделать так чтобы у каждой строки был фон и гриницы фона примкались друг к другу. Проблема еще в том что сам фон полупрозрачный. Между строками есть либо белое пространство, либо фон заходит за границы фона соседних строк, что усиливает полупрозрачность в этой области.
В общем буду рад кто поможет советом как достичь примера как по ссылке

UPD: Все, разобрался сам)

Answer 1

[Андрей Федоров]

а фон это просто цвет? тогда так:
background-color: rgba(255,100,255,.5);

границы можете подобрать с помощью line-height

Comments

[issssrt]

Как сделать полупрозрачный фон я в курсе. Но вы не поняли вопрос. Чтобы понять, попробуйте реализовать пример как на картинке.

[Андрей Федоров]

codepen.io/aliencash/pen/LVZOep

[issssrt]

Тоже неправильно. Я уже разобрался. У вас видны границы белые между строчками. Для решения этой задачи нужно каждую инлайновую строчку обрамить в див.

[Андрей Федоров]

Не нужно. Нужно правильно подобрать line-height