JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container text-center">

<body style="background-color:#E6E6FA">
  
<h1>Jan Paweł II</h1>
<h2>  Ulubieniec wykopu oraz małych dzieci</h2>

<div class="dopasuj">
<img src="http://joemonster.org/images/vad/img_27891/4b02fc5d412bd429ab1a6a8fca323a50.jpg" alt="pomnik papieża"> 
  <div>
  <p id="target1"> Chuje wyciągnijcie mnie </p>
  </div>
</div>

<h3 class="text-center"> Losowa lista rzeczy: </h3>
  
  <ul>
    <li> 1 rzecz
    <li> 2 rzecz
    <li> 3 rzecz
    <li> 4 rzecz
  </ul>

  </body>



<style

CSS

h1 {
  color:blue;
  font-size: 70px;
  font-family: Arial;
}

h2 {
  color: purple;
  font-style: italic;
  font-size: 40px;
  font-family: arial;
}

img {
  padding-top: 30px;
}

#target1 {
  color: #848484;
  background-color: #BDBDBD;
}

.dopasuj {
  width:360px;
  margin:0 auto;
  text-align:center;
}