JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <nav>
      <ol>
        <li><a href="index.html" class="active">Hlavní stránka</a>
        <li><a href="dovednosti.html">Dovednosti</a>
        <li><a href="kontakt.html">Kontakt</a>
      </ol>
    </nav>
    <div class="cnt">
      <h1 class="center">Můj první web</h1>
      <article>
        <header>
          <h2>O mě</h2>
        </header>
        <section>
          <img src="img/index/avatar.png">
          <p>Vítejte na mém prvním webu, psát weby se teprve učím, ale myslím, že mi to docela jde..</p>
          <p>Jmenuji se Billy Jackson, je mi 24let a zajímám se o IT a informatiku a proto se snažím naučit psát html..</p>
          <p>Časem bych se chtěl naučit i programovat..</p>
          <p>Mám rád hudbu a vše okolo počítačů.. zejména mě láká programování.. nepohrdnu ale ani hraním PC her..</p>
        </section>
        <div class="clear"></div>
        </article>
      </div>
  </body>

CSS

body
  {font-family: verdana; font-size: 14px; #1e0ffa; background:red; min-width: 960px;}
h1
  {text-align: center; color: #0a294b; font-family:Arial; font-size: 1.7em;
  text-shadow: 3px 3px 7px #666666;}
h2
  {text-align: center; color: #0a294b; font-family:Arial; font-size: 1.4em;
  text-shadow: 3px 3px 7px #666666;}
.center
  {text-align: center;}
.clear
  {clear: both;}
.left
  {float: left;}
article {
  background-color: blue;
  padding: 20px 0;
}
article header
  {width: 250px; float: left; }
article section
  {width: 666px; float: left; border-radius: 8px;
  box-shadow: 2px 2px 7px #1c2228; background: white; padding: 20px;}
  
.cnt {
  padding: 20px 0;
  background-color: yellow;
}