Поставить текст посередине?

Поддержи проект!!!

О тексте посередине.

1. Текст посередине в классе.
2. Текст посередине в стилях внутри блока.
3. Текст посередине через id.

Скопировать ссылку

Текст посередине в классе.

Текст посередине можно поставить с помощью класса, в блоке, которым обернут текст. Класс(class) нужно располагать, либо в файле css, либо на странице, но тогда вам нужны теги стиля


Создадим отдельный блок и текстом, пусть это будет

ТЕКСТ ПОСЕРЕДИНЕ

Далее нам нужен html код с текстом и классом:

<div class="tekst_poseredine"> ТЕКСТ ПОСЕРЕДИНЕ </div>

И напишем свойство и значение текста посередине для данного класса :

text-align: center;

Соберем весь код вместе:

.tekst_poseredine{text-align: center;}
<div class="tekst_poseredine"> ТЕКСТ ПОСЕРЕДИНЕ </div>

Результат расположения текста посередине:

ТЕКСТ ПОСЕРЕДИНЕ

Ка мы видим выше - наш текст замечательно расположился посередине!

Следующим пунктом повторим тоже самое , но только будем это проделывать без класса, внутри блока.

Скопировать ссылку

Текст посередине в стилях внутри блока.

Кроме выше приведенного примера, можно расположить текст посередине в атрибуте "attribute style" не путать с тегом "style".

Начнем с блока div и опять помести вовнутрь текст:

ТЕКСТ ПОСЕРЕДИНЕ

Добавим атрибут "style" внутрь первого двойного тега "div", со значением

style="text-align: center;"

Соберем весь код вместе :

<div style="text-align: center;"> ТЕКСТ ПОСЕРЕДИНЕ </div>

Результат установки текст посередине через атрибут style

ТЕКСТ ПОСЕРЕДИНЕ

Как видим... наш текст прекрасно выводится посередине!

Скопировать ссылку

Текст посередине через id.

Если у вас нет класса, но есть id, то через него тоже можно прописать текст посередине!

Создадим, опять div и опять нужен текст:

ТЕКСТ ПОСЕРЕДИНЕ ID

Добавим атрибут "id" внутрь первого двойного тега "div", с названием

its_id

Теперь для этого "id" нужны стили (id в стилях обозначается как "#"):

#its_id{
text-align: center;
}


Соберем весь код вместе :

<style>#its_id{ text-align: center; }</style>
<div id="its_id"> ТЕКСТ ПОСЕРЕДИНЕ ID </div>


Результат установки текст посередине через атрибут style

И разместим весь код ниже данных строк:

ТЕКСТ ПОСЕРЕДИНЕ ID

Как видим... наш текст прекрасно выводится посередине!

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =