JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Autoservis Topolovac</title>
<link rel="shortcut icon" href="images/favicon.ico" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">



td img {
    display: block;
}td img {display: block;}td img {display: block;}td img {display: block;}
</style>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onload="MM_preloadImages('images/nav_bar/nav_bar_r1_c1_s2.jpg','images/nav_bar/nav_bar_r2_c1_s2.jpg','images/nav_bar/nav_bar_r3_c1_s2.jpg','images/nav_bar/nav_bar_r4_c1_s2.jpg','images/nav_bar/nav_bar_r5_c1_s2.jpg')">
<div id="wrapper">
  <div id="header">
    <table width="159"...

CSS

@charset "utf-8";
/* CSS Document */

body {
    background-image: url(images/body.jpg);
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
}

#wrapper {
    padding: 0px;
    width: 1002px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(images/main_shadow.png);
}
#wrapper #header {
    background-image: url(images/header.jpg);
    background-repeat: no-repeat;
    padding: 0px;
    height: 200px;
    width: 960px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#wrapper #content {
    background-image: url(images/main_background.jpg);
    background-repeat: no-repeat;
    width: 960px;
    background-color: #0C4CA3;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 80px;
    padding-left: 0px;
}
#likebutton {
    width: 960px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 90px;
}





#content p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: #FFF;
    box-shadow: 2px 2px 8px #000000;
    margin-top: 0px;
    margin-right: 200px;
    margin-bottom: 0px;
    margin-left: 70px;
    padding: 10px;
}


#content h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    text-shadow: 2px 2px 6px #000;
}
.tekst {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight: bold;
}
.tekst2 {
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    text-shadow: 2px 2px 6px #000;
    padding-left: 250px;
}






#wrapper #footer {
    padding: 0px;
    height: 40px;
    width: 960px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
   ...