index.html

<link
  href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"
  rel="stylesheet"
/>

<h1 class="font-bold bg-green-400 text-3xl italic p-4">
  This is my first webpage, and its title.
</h1>

<div class="container mx-auto px-4 mt-4">
  <h2 class="font-bold text-xl my-2">
    A story about the time when I visited a backwaters.
  </h2>

  <img
    class="float-left max-w-auto md:max-w-lg md:mr-4"
    src="backwaters.jpg"
    alt="A scenic backwater image"
  />

  <p class="p-2">
    Last year, I visited a backwater, before everything changed.
  </p>

  <p class="p-2">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non
    volutpat turpis. Fusce lectus orci, sodales vitae rutrum et, accumsan ut
    urna. Cras leo est, bibendum in faucibus in, efficitur commodo justo. Nam
    accumsan dolor et dui ullamcorper, a porta tellus ultrices. Sed iaculis
    auctor tincidunt. Quisque suscipit sit amet tortor in aliquet. Fusce in
    lacus tortor. Nam convallis mollis gravida. Etiam metus justo, convallis nec
    lacus id, sagittis auctor mi. Duis urna ipsum, malesuada a dui sit amet,
    elementum fermentum mauris. Vivamus placerat massa elementum, pharetra massa
    in, imperdiet sapien.
  </p>

  <p class="p-2">
    Vestibulum scelerisque felis et lorem maximus, et sollicitudin felis
    finibus. In risus urna, congue sed felis eget, bibendum porta libero.
    Curabitur vulputate vel magna nec faucibus. Etiam placerat volutpat elit vel
    scelerisque. Ut vel imperdiet dolor. Etiam sit amet finibus nunc. Nulla quis
    blandit magna, et hendrerit arcu. Nam elit leo, lacinia a ex a, tempor
    mattis justo. Vestibulum quis maximus ante. Praesent posuere velit nulla, et
    semper odio facilisis et. Vivamus non aliquet magna. Curabitur non tristique
    lectus. Cras tristique malesuada risus, vel fermentum eros aliquet vitae.
    Curabitur sapien tortor, vehicula id viverra eget, tincidunt ut purus.
  </p>
</div>