JSFiddle - React, Tailwind, and code Playground

by clayshannon

HTML

<h1>Don Quixote (Spanish/English)</h1>
<h2>Volume I</h2>
<a href="http://www.amazon.com/exec/obidos/ASIN/B008724IYC/garrphotgall-20" target="_blank"><img height="160" width="107" src="http://ecx.images-amazon.com/images/I/51abgw9lT0L._SL160_.jpg" /></a>
<a href="https://www.createspace.com/4581771" target="_blank"><img height="160" width="107" src="https://zme-caps.amazon.com/asset/SSE/content/4581771/THUMBNAIL_IMAGE?versionId=1&awsClient=416214191754%3Auser%2FMainsite&urlMethod=GET&expires=32924184614892&requestId=40065782-6f49-11e3-8696-0d46246894b9&sig=022bb3f9fd22e308857f36c7aff0cbd14fad9b4abe23d82b45b77427f3d1523d&serial=1" /></a>

CSS

body {
    background-color: orange;
    font-family: 'Palatino Linotype', 'Palatino', sans-serif;
}

h1 {
    color: white;
    font-family: 'Helvetica', Candara, Calibri, sans-serif;
}

a {
	line-height: 1em;
    display: inline-block;
    text-decoration: none;
    padding: 120;
    margin: 42;
}