Как сделать обтекание текста с одинаковыми отступами?

Question

[Вадим]

Как сделать так, чтобы от текста до бордеров был одинаковый отступ при любом тексте?

Желательно не использовать при этом js поддержка ie9+, в крайнем случае ie10+

Вот пример кода:
https://jsfiddle.net/de_arnst/w75syabq/

Comments

[Rob1n Bobin]

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

[riot26]

*нищЕты

[Павел]

text-align: justify; нет?

[Вадим]

Обновил пример, в итоге должно получиться так:
https://snag.gy/ydxZXm.jpg

[Вадим]

Павел: justify почти решение, но при этом возникает лишнее пространство, что не будет соответствовать макету, к сожалению

Answer 1

[dubrovchenko]

Согласна с Павел , justify подойдет. https://jsfiddle.net/vq1jsLkk/

Comments

[Вадим]

justify почти решение, но при этом возникает лишнее пространство, что не будет соответствовать макету, к сожалению

[Павел]

de_arnst: так скиньте скриншот макета, что б все поняли чего вы хотите добиться. А то запрос, мягко говоря, странный.

[Павел]

de_arnst: и каким образом вы хотите растянуть строчку на всю ширину блока, и чтобы при этом не было пробелов? Подбирайте текст по буквам, чтоб всовывался четко в контейнер, но это все поломается как только вы начнете изменять ширину экрана, если конечно планируете адаптивность.

[Вадим]

Павел: вот пример как должно получиться: https://snag.gy/ydxZXm.jpg

Answer 2

[DTX]

Либо использовать < br >, либо никак :)
https://jsfiddle.net/DTX_/w75syabq/7/

Вчера задавал подобный вопрос..
Как сделать ширину div'а эквивалентной самой большой текстовой ширине, учитывая переносы?

Answer 3

[xmoonlight]

*{margin:0;padding:0}
div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

Comments

[Вадим]

Пробовал, не работает случай, когда мало текста. Второй в моем примере

[xmoonlight]

de_arnst: проблема конкретно с разными вертикальными отступами от края блока до самих букв (сверху он кажется чуть больше, т.к. там еще зазор base-line от шрифта идёт) или еще в чём?
может width и height в auto поставить нужно у блока?

Answer 4

[Павел]