JSFiddle - React, Tailwind, and code Playground

by ClarenceDowns

HTML

<div id="eg1">
  <h1 id="one">
    San Joaquin Valley Town Hall
  </h1>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  </p>
</div>
<div id="eg2">
  <h1 id="two">
    San Joaquin Valley Town Hall
  </h1>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  </p>
</div>

CSS

h1#one {
  color: black;
  text-shadow: 4px 4px 5px grey;
  text-align: center;
}

h1#two {
  color: blue;
  text-shadow: -2px -2px 4px black;
  text-align: center;
}

p {
  text-indent: 2em;
}
#eg1 {
	background-image: -webkit-linear-gradient(45deg, green 0%, white 50%, red 100%);
}
#eg2 {
	background-image: -webkit-linear-gradient(45deg, red 0%, white 50%, blue 100%);
}