У меня возникают проблемы с тем, чтобы этот текст отображался на одной строке, а не на 3 строки.
<h2 style="text-align:left">Policy</h2>
<h2 style="text-align:center">Cart</h2>
<h2 style="text-align:right">FAQ</h2>
Текст выводится в отдельных строках, так что полиция находится на одной линии. Корзина находится на второй линии, а часто задаваемые вопросы - на другой строке, однако они все еще остаются выровненными влево, в центре и вправо.
Как я буду показывать их в одной строке, но все же выровнен?
//Использовать список
политика телега Вопросы-Ответы
//В css
.footer{
width:100%
float:left;
}
.footer li{
display:inline;
margin-right:20px;
}
Попробуйте использовать float:
<h2 style="text-align:left;float:left;">Policy </h2>
<h2 style="text-align:center;float:left;">Cart </h2>
<h2 style="text-align:right;float:left;">FAQ</h2>
Вы можете сделать несколько вещей.
Сначала вы можете добавить display: inline-block;
вот так,
h2 {
display: inline-block;
}
Или так,
<h2 style="display: inline-block;">Blah Blah</h2>
Теперь вы также можете плавать так,
h2 {
float: left;
}
Или так,
<h2 style="float: left;">Blah Blah</h2>
Используйте таблицу.
<center>
<table>
<tr>
<td align="center" valign="center" cellspacing="0" cellpadding="0" border="0">
<h2> <a href="put href here">Policy</a> <a href="put href here">Cart</a> <a href="put href here">FAQ</a> </h2>
</td>
</tr>
</table>
</center>
table
? Это ужасное решение.
HTML
иCSS
прежде чем пытаться создать сайт.