Okay so, what I’m trying to do is draw a little tab that needs to appear in the middle of a line with data surrounding on each side. Here’s a graphic of what it should look like . . .
And here is the disaster it renders as, although I will say in my defense I was extremely pleased to have been able to generate a tab in the first place!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=us-ascii"
http-equiv="Content-Type">
<title>Oh RATS!</title>
<style type="text/css">
#TAB-A {
padding: 4px 18px 3px 18px;
color: BLACK;
background: #D8D8D8;
width: 165px;
height: 24px;
border-radius: 20px 20px 0px 0px;
}
.CITE {
font-family: CenturySchoolbook BT, Serif;
font-weight: BOLD;
color: #A7A7A7;
font-size: 13px;
line-height: 16px;
}
a.BLUE:hover {color: RED;}
a.BLUE:link {color: BLUE;}
a.BLUE:active {color: INDIGO;}
a.BLUE:visited {color: DODGERBLUE;}
H1 {margin: 0 0 10px 0;}
H2 {margin: 0 0 10px 0;}
H3 {margin: 0 0 10px 0;}
H4 {margin: 0 0 10px 0;}
H5 {margin: 0 0 10px 0;}
</style>
</head>
<!-- ============================TOP RIGHT BOTTOM LEFT============================== -->
<body style=
"font-family: HELVETICA, Sans-Serif; text-align: left; font-size: 18px; line-height: 24px; margin: 30px;">
<div style=
"background-color: #FFFFF9; border: 15px GROOVE LIGHTGREY; padding: 30px; margin-top: 30px;">
<h2><span style=
"text-decoration: underline;">LEARN</span></h2>Advocacy
<a href="http://saferodentcontrol.org"
class="BLUE"
onclick=
"window.open(this.href, '_blank');return false;">SAFE
RODENT CONTROL</a><br>
<p class="CITE">The “SRC” Alliance is a
coalition of Scientists, Non-Profit Organizations,
Municipalities, and others dedicated to safeguarding your
Family, Pets, and Vulnerable Wildlife through safe rodent
control measures.</p><br>
Academic <a href=
"http://edis.ifas.ufl.edu/topic_book_piash"
class="BLUE"
onclick=
"window.open(this.href, '_blank');return false;">DATABASE</a> Use
the ▶
<p id="TAB-A">Type/Form/SigWord</p>TAB ▶[Product
Types] Field ▷Search on “RODENTICIDE”<br>
<p class="CITE">Oregon State University <span style=
"font-style: italic;">National Pesticide Information
Center</span> (“NPIC”)</p><br>
Academic <a href=
"http://edis.ifas.ufl.edu/topic_book_piash"
class="BLUE"
onclick=
"window.open(this.href, '_blank');return false;">PAPERS</a><br>
<p class="CITE">University of Florida <span style=
"font-style: italic;">Institute of Food and Agricultural
Sciences</span> (“IFAS”)</p><br>
Wikipedia <span style="font-weight: BOLD;">Category</span>
<a href=
"https://en.wikipedia.org/wiki/Category:Rodenticides"
class="BLUE"
onclick=
"window.open(this.href, '_blank');return false;">RODENTICIDES</a><br>
Wikipedia <a href=
"http://en.wikipedia.org/wiki/Rodenticide"
class="BLUE"
onclick=
"window.open(this.href, '_blank');return false;">RODENTICIDES</a><br>
Veterinarian <a href=
"http://veterinarynews.dvm360.com/new-rodenticide-without-antidote-alarms-pet-toxicology-experts"
class="BLUE"
onclick=
"window.open(this.href, '_blank');return false;">Bromethalin</a>
Has No Antidote, Alarms Veterinarians & Pet
Toxicology Experts
</div>
</body>
</html>