Центр выравнивания диапазона HTML не работает?

Question 1

У меня есть HTML:

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

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

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

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

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

РЕДАКТИРОВАТЬ:

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

<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>

Question 2

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

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

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

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

Question 3

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

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

Question 4

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

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

Question 5

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

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

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

Question 6

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

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

Так должно быть:

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

Question 7

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

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

Question 8

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