JSFiddle - React, Tailwind, and code Playground

by liquidmetalrob

HTML

<html>
  <body>
  
  <link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Tangerine">
   <link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Lato">
   <div style="position: relative;
      display: inline-block;">
   <img style=" display: block;" src="http://wordpress1793681.home.pl/autoinstalator/wordpressplus2/wp-content/uploads/2018/03/contact2darker.jpg" alt="" width="512" height="215" />
   <div style=" position: absolute;
      top: 50%;
      left: 50%;
      transform: translate( -50%, -50% );
      text-align: center;
      color: white;
      text-align: center;
      ">
   <p style="line-height: 1; margin-bottom: 0px;margin-top: 0px; font-size: 4.5vw; font-weight: 600;">CONTACT US LOREM IPSUM </p>
   <p style="line-height: 1; margin-bottom: 0px;margin-top: 0px; font-size: 3.75vw; font-weight: 300; width:500px;">LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM </p>  
   
   </body>
</html>