<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
.letter {
color: red;
font-size: 300%; /* Размер шрифта в процентах */
position: relative; /* Относительное позиционирование */
top: 7px; /* Сдвиг сверху */
</style>
</head>
<body>
<p><span class="letter">О</span>на нанесла в руках отвратительные, тревожные желтые цветы. И эти цветы очень отчетливо выделялись на черном ее весеннем пальто.</p>
<p>Михаил Булгаков</p>
</body>
</html>