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

<html>
<head>
<style type="text/css">
p.ex1
{
font:15px arial,sans-serif;
}

p.ex2
{
font:italic bold 12px/30px Georgia,serif;
}
</style>
<link rel="stylesheet" type="text/css" href="https://setmar.ru/imgs/css/style.css">

</head>

<body>
<p class="ex1">Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф.</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_2.png" class="zoomadssit"></a>
</div>
</noindex>
<p class="ex2">Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф.</p>
</body>
</html>

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

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

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