Проблема с выравниванием текста
ребята, у меня проблема с попыткой прикрепить два текста слева и справа от контейнера
Я использую следующие
<h4>Better Tri-Blend T-Shirt</h4>
<span style = "float: right ">£4 </span>
Это выглядит так
Как вы можете видеть, это работает как с выравниванием по левому, так и по правому краю, но размер шрифта справа меньше, чем слева, и не такой же
Как сделать правильный шрифт больше (например, h4) или даже больше
Я пробовал прикрывать h4, но это выбивает правильную расстановку
Эми благодарна за помощь
отметка
Ответы 2
Это то, что вы хотите?
Заголовок (h1, h2, h3..) - это блочные элементы, что означает, что они занимают всю ширину.
Их размеры шрифтов фиксированы и определяются браузером, если они не переопределены таблицами стилей.
Чтобы два или более заголовка совпадали друг с другом, сделайте их display: inline; или display: inline-block;.
При желании вы можете использовать vertical-align:middle; для вертикального центрирования их, если они разного размера.
h4,h2 {
display: inline-block;
margin-right:10px;
vertical-align:middle;
}<div>
<h4>Better Tri-Blend T-Shirt</h4>
<h4>£4 </h4>
</div>
<br/>
<br/>
<div>
<h4>Better Tri-Blend T-Shirt</h4>
<h2 style = "float:right">£4 </h2>
</div>Просто вставьте промежуток внутри h4:
<h2>Better Tri-Blend T-Shirt<span style = "float:right; ">£4</span></h2>
Спасибо, Гаутам, ты звезда, второй див работал именно так, как я хотел