Как мне исправить перенос строки?

Question

[Yugg0]

Главная часть кода:

<a class = "poster">
	<img src = "1.jpg">
	<p> Text text text text </p>
</a>

Скриншот итога:


Как мне сделать так, чтобы текст мог доходить до синей линии, а уже потом переноситься?

Comments

[Ankhena]

Поставить padding-right нужной вам величины.

[Yugg0]

Ankhena,
При: padding-right:


Я добавил красный фон для удобства.

А когда padding-left: то ничего не меняет.

[Ankhena]

Yugg0,
https://codepen.io/AnnaSummer/pen/yLpvMpV

Answer 1

[Yugg0]

Вроде смог сделать что-то, что мне нужно, не уверен, что так коректно делать:

<div id = "simple_box">
	<p> Text text text text text text </p>
</div>

Я просто добавил "поле", и дал высоту и ширину.

Comments

[Ankhena]

Я же написала вам решение в комментариях.
Зачем вы городите лишние обертки? Да ещё выдаете их за решение даже не прилагая стилей.