Текст в центре/в середине

Question

Я хочу поместить текст ONLINE NEWS SERVICE по вертикали и по горизонтали center выровнен и точно посередине заголовка по адресу: http://news.softsolutionslimited.website. Но если я добавлю <span align="center" style="text-align:center;align-content:center; vertical-align:middle;">ONLINE NEWS SERVICE</span> со всеми возможными средними и центральными настройками, текст не будет отображаться в середине и по горизонтали и вертикали по центру.

Пожалуйста, помогите. Я хочу поместить текст ONLINE NEWS SERVICE в середине заголовка по вертикали и по горизонтали в центре.

Answer 1

Попробуйте один раз

span.title{ 
 
    display:block; 
 
margin:0px auto !important; 
 
    text-align:center; 
 
}

\t <!-- To display online news text --> 
 
\t <span class="title">ONLINE NEWS SERVICE</span>

Answer 2

Текст обычно не совпадают, как ожидается, либо потому, что он является дочерним элементом контейнера, который не покрывает столько ширины, как вы думаете, это (так что, возможно, вы должны проверить ширину:

<header id="masthead"> 

), или элемент, содержащий текст, не имеет стиля как элемент уровня блока с шириной, охватывающей всю область, в которой вы хотите, чтобы текст был централизован внутри; Таким образом, вы также можете попробовать:

header#masthead span { 
display:block; 
width:100%; 
text-align:center 
} 

Answer 3

Для начала вам необходимо установить ширину для среднего диапазона. Вот как будет выглядеть ваш css.

element.style { 
    float: left; 
    text-align: center; 
    width: 50%; 
}