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>Spletna trgovina</title>

        <script type="text/javascript">
            function turnoff(){
                var el=getElementById("music");
                el.div="";
            }
        </script>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div class="templatemo_container">
        <div id="templatemo_header">
                    <div id="templatemo_search">
                    
              
               </div>
            <div class="cleaner"></div>
            <div id="templatemo_menu">
                <ul>
                    <br/><br/><br/><br/>
                    <li class="current home"><a href="">Domov</a></li>
                         <li class="service"><a href="">Nova kolekcija</a></li>
                       <li class="contact"><a href="">Kontakt</a></li>
                </ul>
            </div>
        </div>
        
        <div id="templatemo_content_area">
        
            <div id="templatemo_right">
            <embed src="file.mp3" width="32" height="32" hidden="true" loop="true" autoplay="true" id="music" name="music" />
                <h1>Naslov xD</h1> 
                
                <p>tukaj pride tekst tukaj pride tekst tukaj pride tekst tukaj pride tekst tukaj pride tekst 
                tukaj pride tekst tukaj pride tekst tukaj pride tekst tukaj pride tekst tukaj pride tekst 
                tukaj pride tekst tukaj pride tekst tukaj pride tekst tukaj pride tekst tukaj pride tekst 
                tukaj pride tekst tukaj pride tekst tukaj pride tekst tukaj pride tekst tukaj pride tekst 
                tukaj pride tekst tukaj pride tekst tukaj pride tekst tukaj pride tekst tukaj pride tekst 
                tukaj pride tekst tukaj pride...

CSS

body {
    margin: 0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    width: 100%;
    display: table;
    background: url(images/templatemo_bg.jpg) repeat-x #711719;
}

a:link, a:visited {    color: #FFFF66; text-decoration: underline; }
a:active, a:hover { color: #33FFFF; text-decoration: none; }

p { 
    font-family: Tahoma, "Trebuchet MS", Verdana; 
    font-size: 12px;
    color: #fff;
    text-align: justify;
    margin: 0 0 20px 0;
}

h1 { 
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 30px;
    color: #fff;
    margin: 0 0 20px 0;
}

h2 { 
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 24px;
    margin: 0 0 20px 0;
    color: #fff;
    background: url(images/templatemo_titile_bullet.png) no-repeat left;
    padding: 0 0 0 20px;
}

h3 {
    font-family: Tahoma, "Trebuchet MS", Verdana; 
    font-size: 18px;
    margin: 0 0 20px 0;
    color: #fff;
}

.templatemo_container {
    width: 850px;
    margin: auto;
}

#templatemo_header {
    width: 850px;
    height: 158px;
    background: url(images/templatemo_header.jpg) no-repeat;
}

#searchfield {
    height: 17px;
    width: 130px;
    padding: 5px;
    color: #040505;
    font-size: 13px;
    font-variant: normal;
    line-height: normal;
    background: none;
    border: none;
    margin: 6px 0 0 10px;
}

#searchbutton {
     height: 29px;
    margin: 0 0 0 5px;
    padding: 0 6px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
    white-space: pre;
    color: #040505;
    background: none; 
    border: none;
}

/* Menu */
#templatemo_menu {
    clear: both;
    float: right;
    height: 34px;
    width: 440px;
    padding: 0;
    margin: 45px 0 0 0;
}

#templatemo_menu ul {
    list-style: none;
    display: inline;
}

#templatemo_menu li {
   ...