JSFiddle - React, Tailwind, and code Playground
by ChaseWest
HTML
<html>
<head>
<title>Yahoo Sports Fantasy Football</title>
</head>
<body bgcolor="#ffffff">
<style type="text/css">
.Bg-white {
background: #fff;
}
.Btn-primary {
display: inline-block;
*display: inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
text-align: center;
zoom: 1;
text-decoration: none;
border: 1px solid #053496;
}
.Btn-primary:hover {
text-decoration: none;
background: #5370fa;
cursor: pointer;
}
.Btn-primary {
color: #fff;
background: #3775dd;
}
.Btn-sm {
text-align: center;
}
p {margin: 0 0 1em 0;}
.Ta-c {
text-align:center;
}
.Fz-lg {
font-size: 32px;
}
.M-0 {
margin:0px;
padding:0px;
}
.My-lg {
margin:0px;
padding: 0px 20px 25px 20px;
}
.F-gray {
color: #888;
}
.Bg-gray {
background: #F8F8F8;
}
.H-20 {
max-height: 20px;
}
.Ptop-lg {
padding-top: 20px;
}
.Px-med {
padding-left: 10px;
padding-right: 10px;
}
.P-med {
padding: 10px;
}
.Wrap {
max-width:460px;
word-wrap:break-word;
}
</style>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"><spacer type="block" width="1" height="1"></td>
</tr>
<tr>
<td><img style="display:block;" src="https://s.yimg.com/dh/ap/default/140702/football_header.png" width="500" height="137" border="0" alt="Yahoo Sports Fantasy Football"></td>
</tr>
<tr>
<td style="border-bottom:solid #ddd 1px;font-size:10px; padding:6px;background:#f8f8f8;text-align:center;margin:0px;color: #aaa;"><p style="margin:0px;"> Sponsored by <img src="https://s.yimg.com/dh/ap/default/140812/[email protected]" width="90"...