JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://www.adrienneadams.org/wp-content/uploads/Scripts/JScss.css" type="text/css">
<script src="http://www.adrienneadams.org/wp-content/uploads/Scripts/jQuery1.7.2.min.js" type="text/javascript"></script><script src="http://www.adrienneadams.org/wp-content/uploads/Scripts/jQueryUI1.8.23.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".sample").mouseover(function() {
$(this).animate({ backgroundColor: '#fff'},200);
$(this).css('color', '#231F20');
} ).mouseout(function() {
$(this).animate({ backgroundColor:'#231F20'},175);
$(this).css('color', '#fff');
});
});</script>
<script type="text/javascript">// <![CDATA[
(function ($) {
$.fn.vAlign = function() {
return this.each(function(i){
var h = $(this).height();
var oh = $(this).outerHeight();
var mt = (h + (oh - h)) / 2;
$(this).css("margin-top", "-" + mt + "px");
$(this).css("top", "50%");
$(this).css("position", "absolute");
});
};
})(jQuery);
(function ($) {
$.fn.hAlign = function() {
return this.each(function(i){
var w = $(this).width();
var ow = $(this).outerWidth();
var ml = (w + (ow - w)) / 2;
$(this).css("margin-left", "-" + ml + "px");
$(this).css("left", "50%");
$(this).css("position", "absolute");
});
};
})(jQuery);
$(document).ready(function() {
$("#landing").vAlign();
$("#landing").hAlign();
});
// ]]></script><div id="landing"><div style="font-family: 'serif6_beta_rregular'; font-size: 26pt; color: #ffffff; text-align: center;">Adrienne Adams</div><div class="sample" onclick = "top.location.href='http://www.google.com'">Main Site
</div><div class="sample" onclick = "top.location.href='http://www.google.com'">Mobile</div><div class="sample" onclick = "top.location.href='http://www.google.com'">Donate</div></div>
CSS
.sample {
background: #231F20;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
font-size: 18pt;
text-align: center;
width: 250px;
cursor: pointer;
}