Редактор Онлайн

<html>
<head>
<style type="text/css">
span
{
float:left;
width:0.7em;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
}
</style>
<link rel="stylesheet" type="text/css" href="https://setmar.ru/imgs/css/style.css">

</head>

<body>
<p>
<span>Э</span>то некоторый текст.
Это некоторый текст. Это некоторый текст.
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
Это некоторый текст. Это некоторый текст. Это некоторый текст. 
</p><noindex>
<div class="zoomadssit">
<a onclick="this.href='https://partners.tbank.ru/click/fd68305d-4955-4d0e-9891-1813c528fffa'" href="https://tbank.ru" target="_blank">
<img src="https://setmar.ru/imgs/banner_tbank/640x180_tbank_3.png" class="zoomadssit"></a>
</div>
</noindex>

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

</body>
</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами