JSFiddle - React, Tailwind, and code Playground

by Giorgio Malvone

HTML

<h2> Rock is Love, Rock is Life<h2>
    <iframe id="chat"frameborder="0" 
        scrolling="no" 
        id="chat_embed" 
        src="http://twitch.tv/chat/embed?channel=rockleesmile&amp;popout_chat=true" 
        height="500" 
        width="400">
        
</iframe>
<object  id="sixtynine" type="application/x-shockwave-flash" 
        height="500" 
        width="800" 
        id="live_embed_player_flash" 
        data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=rockleesmile" 
        bgcolor="#000000">
  <param  name="allowFullScreen" 
          value="true" />
  <param  name="allowScriptAccess" 
          value="always" />
  <param  name="allowNetworking" 
          value="all" />
  <param  name="movie" 
          value="http://www.twitch.tv/widgets/live_embed_player.swf" />
  <param  name="flashvars" 
          value="hostname=www.twitch.tv&channel=rockleesmile&auto_play=true&start_volume=25" />
</object>
    <!-- BEGIN: Powered by Supercounters.com -->
<center id="count"><script type="text/javascript" src="http://widget.supercounters.com/online_i.js"></script><script type="text/javascript">sc_online_i(815726,"#7f8c8d","e67e22");</script><br><noscript><a href="http://www.supercounters.com/">Free Tumblr Online Counter</a></noscript>
</center>
<!-- END: Powered by Supercounters.com -->

CSS

h2{
    color:#2c3e50;
    
    text-align:center;
}
body{
    background-image:url("http://thepatternlibrary.com/img/a.jpg");
    background-size:25%;
   
}
img{
    margin:auto;
}
img:hover{
    
}
#sixtynine{
    margin-right:0;
    display:inline-block;
}
#sixtynine:hover{

}
#chat{
    
    display:inline-block;
}
#count{
    bottom:0;
    right:0;
}