Онлайн редактор wisdomweb.ru

Введите код в левое окно и нажмите кнопку "Выполнить".

<html>
<body style='background-color:#666699;'>
<p style='font-size:30px;color:white;'> Это абзац оформленный с помощью CSS </p>
<p style='color:white;font-family:Verdana;border:1px solid;width:440px;'> 
Это еще один абзац оформленный с помощью CSS.</p>
<p style='color:white;font-family:"Comic Sans MS";font-size:1.3em;border-bottom-style:solid;border-top-style:solid;width:520px;'> Это еще один абзац оформленный с помощью CSS </p>
<div style='width:220px;height:60px;background-color:black;border:1px solid white;padding:5px;font-family:"Comic Sans MS"'> 
<p style='color:white'>Это черный прямоугольник </p>
</div>
 <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js", "ym"); ym(90884111, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/90884111" style="position:absolute; left:-9999px;" alt="" /></div></noscript> 
</body>
</html>

<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js", "ym"); ym(90884111, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/90884111" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
 <html><body style='background-color:#666699;'><p style='font-size:30px;color:white;'> Это абзац оформленный с помощью CSS </p><p style='color:white;font-family:Verdana;border:1px solid;width:440px;'> Это еще один абзац оформленный с помощью CSS.</p><p style='color:white;font-family:"Comic Sans MS";font-size:1.3em;border-bottom-style:solid;border-top-style:solid;width:520px;'> Это еще один абзац оформленный с помощью CSS </p>

Онлайн редактор - wisdomweb.ru