JSFiddle - React, Tailwind, and code Playground

by lavisha99

HTML

<!DOCTYPE html>
<html>
<head>
<title>University Application.</title>
<meta charset="utf-8">
</head>
<body>
<p class="sender-column">
Dr. Eleanor Gaye
<br>Awesome Science faculty
<br>University of Awesome
<br>Bobtown, CA 99999,
<br>USA
<br>Tel: 123-456-7890
<br>Email: [email protected]
<br>20 January 2016
</p>
<p>
<br>Miss Eileen Dover
<br>4321 Cliff Top Edge
<br>Dover, CT9 XXX
<br>UK
</p>
<h1>
Re: Eileen Dover university application
</h1>
Dear Eileen,<br>
<br>

Thank you for your recent application to join us at the University of Awesome's science faculty to study as part of your PhD next year. I will answer your questions one by one, in the following sections.
<h2>
Starting dates
</h2>
We are happy to accomodate you starting your study with us at any time, however it would suit us better if you could start at the beginning of a semester; the start dates for each one are as follows:
<br>
<ul>
<li>First semester: 9 September 2016</li>
<li>Second semester: 15 January 2017</li>
<li>Third semester: 2 May 2017</li>
</ul>
Please let me know if this is ok, and if so which start date you would prefer.<br>
<br>
You can find more information about 
<a href="http://example.com">important university dates</a>
on our website.<br>
<h3>
Subjects of study
</h3>
At the Awesome Science Faculty, we have a pretty open-minded research facility — as long as the subjects fall somewhere in the realm of science and technology. You seem like an intelligent, dedicated researcher, and just the kind of person we'd like to have on our team. Saying that, of the ideas you submitted we were most intrigued by are as follows, in order of priority:
<ol>
<li>Turning H2O into wine, and the health benefits of Resveratrol (C14H12O3.)</li>
<br>
<li>Measuring the effect on performance of funk bassplayers at temperatures exceeding 30oC (86oF), when the audience size exponentially increases (effect of 3 x 103 increasing to 3 x 104.)</li>
<li>HTML and CSS constructs for representing musical...

CSS

.sender-column{
  text-align: right;}
.paragraph {}
h1{ background-color: grey;
color: white;}
#uni-image{ border-style: solid;
  border-color: blue;
  border-width: 1px}