Выровнять текст в одну строку?

0

У меня возникают проблемы с тем, чтобы этот текст отображался на одной строке, а не на 3 строки.

<h2 style="text-align:left">Policy</h2> 
<h2 style="text-align:center">Cart</h2> 
<h2 style="text-align:right">FAQ</h2> 

Текст выводится в отдельных строках, так что полиция находится на одной линии. Корзина находится на второй линии, а часто задаваемые вопросы - на другой строке, однако они все еще остаются выровненными влево, в центре и вправо.

Как я буду показывать их в одной строке, но все же выровнен?

  • 0
    почему ты не использовал список? <ul> <li> Политика </ li> <li> корзина </ li> <li> FAQ </ li> </ ul>
  • 0
    -1 У вас сейчас около 5 вопросов об этом сайте, вам нужно изучить HTML и CSS прежде чем пытаться создать сайт.
Теги:
text
alignment

4 ответа

1
Лучший ответ

//Использовать список

политика телега Вопросы-Ответы

//В css

.footer{
  width:100%
  float:left;
}
.footer li{
  display:inline;
  margin-right:20px;
}
1

Попробуйте использовать 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>
1

Вы можете сделать несколько вещей.

Сначала вы можете добавить 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>
0

Используйте таблицу.

<center>
    <table>
        <tr>
        <td align="center" valign="center" cellspacing="0" cellpadding="0" border="0">
        <h2>&nbsp;<a href="put href here">Policy</a>&nbsp;<a href="put href                          here">Cart</a>&nbsp;<a href="put href here">FAQ</a>&nbsp;</h2>
        </td>
        </tr>
    </table>
</center>
  • 0
    Самый простой способ, добавить больше & NBSP; если ты хочешь.
  • 1
    Почему вы предлагаете table ? Это ужасное решение.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню