Как растянуть строчный элемент на всю ширину блока?

Question

[Игорь Аверин]

Извиняюсь за качество изображения, что было под рукой. На картинке надпись формы, и всё бы хорошо, но меня сильно смущает отступ в конце строки. По моей логике это строчный элемент с шириной 100%, либо "автоматическим паддингом". Но, конечно же, это так просто не работает. Как бы это осуществить?

Comments

[Ankhena]

вероятно тенью

Answer 1

[Игорь Аверин]

Моё решение:

.parent {
padding: 0; /*убираем отступ*/
border: 15px solid gray; /*вместо отступа, в цвет фона*/
overflow-x: hidden; /*спрятали всё лишнее по горизонтали*/
}
.inline-child {
padding-right: 100500px; /*наложится поверх отступа, поэтому отступ заменили на границу, и спрятали лишнее*/
}

Считаю это не самым правильным и грамотным решением, но это единственное до чего я додумался, и что сработало, если использовать только один строчный элемент.