Центр выравнивания по центру HTML не работает?

У меня есть HTML:

<div align="center" style="border:1px solid red">
This is some text in a div element!
</div>

Div меняет интервал на моем документе, поэтому я хочу использовать для этого диапазон.

Но диапазон не централизует содержимое:

<span style="border:1px solid red;align=center">
This is some text in a div element!
</span>

Как это исправить?

EDIT:

Мой полный код:

<html>
<body>

<p>This is a paragraph. This text has no alignment specified.</p>

<span style="border:1px solid red;text-align=center">
  This is some text in a div element!
</span>

</body>
</html>

Ответ 1

A div является блочным элементом и будет охватывать ширину контейнера, если не установлена ширина. Пролет является встроенным элементом и будет иметь ширину текста внутри него. В настоящее время вы пытаетесь установить align как свойство CSS. Выравнивание - это атрибут.

<span align="center" style="border:1px solid red;">
    This is some text in a div element!
</span>

Однако атрибут align не рекомендуется. Вы должны использовать свойство CSS text-align в контейнере.

<div style="text-align: center;">
    <span style="border:1px solid red;">
        This is some text in a div element!
    </span>
</div>

Ответ 2

Используйте следующий стиль. margin:auto обычно используется для выравнивания содержимого по центру. display:table необходим для элемента span

<span style="margin:auto; display:table; border:1px solid red;">
    This is some text in a div element!
</span>

Ответ 3

Атрибут align устарел. Вместо этого используйте CSS text-align. Кроме того, диапазон не будет центрировать текст, если вы не используете display:block или display:inline-block и установите значение для ширины, но тогда оно будет вести себя так же, как div (элемент блока).

Можете ли вы разместить пример своего макета? Используйте www.jsfiddle.net

Ответ 4

span.login-text {
font-size: 22px;
display:table;
margin-left: auto;
margin-right: auto;

}

<span class="login-text">Welcome To .....CMP</span>

Для меня это сработало очень хорошо. попробуйте это также

Ответ 5

Span является встроенным блоком и настраивается на встроенный размер текста, с упорством, которое блокирует большинство усилий по стилю из встроенного контекста. Чтобы упростить стиль макета (ограничить конфликты), добавьте div в тег 'p' с разрывом строки.

<p> some default stuff
<br>
<div style="text-align: center;"> your entered stuff </div>

Ответ 6

В дополнение ко всем другим объяснениям, я считаю, что вы используете знак "=" вместо двоеточия ":":

<span style="border:1px solid red;text-align=center">

Это должно быть:

<span style="border:1px solid red;text-align:center">

Ответ 7

Просто используйте word-wrap:break-word; в css. Он работает.