Вопрос Помогите с CSS начинающему верстальщику

[олегцфвф ц]

Подскажите как сделать текст с ровными краями (как на второй картинке, первый вариант-мой)

Код:

#text-next-to-my-picture-tag {
border: 10px solid black;
float: right;
max-width: 300px;
text-align: center;

}

 

[daniel0307]

text-align: justify;

 

[whaitte]

Неровные края получаются из-за того что указано выравнивание по центру - text-align: center;

 

[Dead_Pastr]

как давно с этим не работал, есть такой параметр он разделяет текст сегматическо и раздает пробелы разным уровнем, погугли я забыл как называется когда верстал занимался этим, это делается легко #text-next-to-my-picture-tag { border: 10px solid black; - не во всех браузерах работает одинаково float: right; - прилипил блок к эриархии блоков справа, чудно конечно но проверь на широкоформате я бы так не делал max-width: 300px; зачем это писать? ну поставь просто 300 он же не растянется (тут говорит о слабом понимании верстки, у тебя ведь не процеты так ведь?) text-align: center; - вообще не нужная деректива тут }

 

[Cаня]

Попробуй text-align: right

 

[Acid]

Я бы к херам бы убрал бы text-align и обернул бы в тег p