Текст справа.

#Текстсправа , #Текст #справа,#код,#css,#примеры,

Коды с данной страницы см.здесь - Тема Текст -№5 - Текст справа.

Новые шрифты для сайта – качаем отсюда!

Текст справа,код,css,примеры, варианты

#Текст #справа,#код,#css,#примеры, #варианты

Любую вещь можно сделать несколькими способами! Так текст справа, мы будем делать несколькими способами!

1. Самое простое, напишем внутри абзац, код, который поставит тест справа.
2. Создадим стили и класс, поставим его после тегов, на этой странице, напишем текст, прикрепим к нему класс.
3. Создаём новую страницу, новый файл css, пропишем в нем класс, прикрепим его к нашей странице, напишем текст, прикрепим к этому тексту класс.

1.

Разместим на нашей странице данный код:

<p align="right">Пример текста, который поставлен справа.</p> 

в котором пропишем положение текста сплава:

align="right"

Смотрим результат:

Пример текста, который поставлен справа.

2.

Текст справа через стили и классы на странице.

Создадим стили и класс, поставим его после тегов, на этой странице, напишем текст, прикрепим к нему этот класс.

Я не буду рассматривать причины, возникшие для того, чтобы применить все, что описано в верхнем абзаце. Мы просто сделаем это на этой странице!

 К этой странице уже прикреплён файл css, но мы не будем его использовать (см. пункт 3).

Нам понадобится код стилей, в нем пропишем класс, назовём его

Text-sprava-Primer

!

Обращаем ваше внимание на:

#rightPan  - это название нашего дива, в котором вы читаете данный текст, для того, чтобы класс работал в данном диве необходимо перед абзацем «р» его поставить.

У вас его не будет!

Код будет такой и размещаем его после тегов:

<style type="text/css">
<!--
/* CSS Document */
#rightPan  p.Text-sprava-Primer{
text-align:right;
}
-->
</style>

Для того, чтобы посмотреть код данной страницы и кусочка стиля с классом, нажимаем ctrl + U. Стили начинаются с 18 строки…

Далее пишем текст, и крепим данный класс к нему, это будет выглядеть так:

<p class="Text-sprava-Primer">Наш текст написан справа, к нему прикреплён класс - Text-sprava-Primer.</p>
<p class="Text-sprava-Primer"> И любой текст, к которому вы прикрепите данный класс на этой странице, окажется справа.</p>

Наш текст написан справа, к нему прикреплён класс - Text-sprava-Primer.

И любой текст, к которому вы прикрепите данный класс на этой странице, окажется справа.

Как поставить текст справа через css?

Создаём новую страницу, новый файл css, пропишем в нем класс, прикрепим его к нашей странице, напишем текст, прикрепим к этому тексту класс.

Теперь, рассмотрим третий вариант размещения текста справа!

Создаём новую страницу, назовём её:

Text-sprava-Primer.html

Создадим новый файл css, назовём его :

Text-sprava-Primer.css

В нём создадим класс, который так и назовём:

Text-sprava-Primer

Пропишем свойства данного класса и в документе, у нас должно выглядеть так:

/* CSS Document */
.Text-sprava-Primer{
text-align:right;
}

Прикрепим файл css, к странице примеру, напишем текст, и прикрепим к нему данный класс!

Данный текст, размещён на странице к которой прикреплён файл css! В котором прописан класс, а в нём свойство текст справа.

<p class="Text-sprava-Primer">Данный текст, размещён на странице к которой прикреплён файл css!</p>
<p class="Text-sprava-Primer"> В котором прописан класс, а в нём свойство текст справа.</p>

Смотрим на файл ccs, в котором прописано свойство текста справа.

Смотрим, что у нас получилось!