Код вашей страницы

<html>
<head>
<style type="text/css">
span.bukvitsa
{
float:left;
width:0.7em;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
}
</style>
</head>

<body>
<p>
<span class="bukvitsa">Э</span>то буквица.
Это параграф. Это параграф.
Это параграф. Это параграф. Это параграф.
Это параграф. Это параграф. Это параграф.
Это параграф. Это параграф. Это параграф.
Это параграф. Это параграф. Это параграф.
Это параграф. Это параграф. Это параграф.
Это параграф. Это параграф. Это параграф.
</p>

<p>
В параграфе выше первую букву мы заключили в элемент span.
Ширина этого элемента установлена в 0.7 размера текущего шрифта.
Размер шрифта этого элемента 400% в высота строки 80%.
Мы изменили шрифт на более старинный — "Algerian".
</p>

</body>
</html>

Результат в окне браузера

Это буквица. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф.

В параграфе выше первую букву мы заключили в элемент span. Ширина этого элемента установлена в 0.7 размера текущего шрифта. Размер шрифта этого элемента 400% в высота строки 80%. Мы изменили шрифт на более старинный — "Algerian".

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки