JSFiddle - React, Tailwind, and code Playground

by HappyCougar

HTML

<div id="main">
    <img src="http://cs9269.vk.me/v9269794/19e2/uEXJEOKGXNk.jpg" id="photo" alt="" />
    <div id="info_tab">
        <p id="name">Георгий Корепин</p>
        <table>
        <tr>
            <td>День рождения:</td>
            <td>1 июня 1994 г.</td>
        </tr>
        <tr>
            <td>Родной город:</td>
            <td>СПб</td>
        </tr>
        <tr>
            <td>Семейное положение:</td>
            <td>не женат</td>
        </tr>
        <tr>
            <td>Город:</td>
            <td>Санкт-Петербург</td>
        </tr>
        <tr>
            <td>Моб. телефон:</td>
            <td>89818486***</td>
        </tr>
        <tr>
            <td>Skype:</td>
            <td>mega-keks</td>
        </tr>
        <tr>
            <td>Образование</td>
            <td>Гимназия № 317</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Деятельность:</td>
            <td>Студент</td>
        </tr>
        <tr>
            <td>Место учебы</td>
            <td>Ткуик</td>
        </tr>
        </table>
    </div>
    <div id="disqus_thread"></div>  <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
<script type="text/javascript"> /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ var disqus_shortname = 'teodorhardstyle'; // required: replace example with your forum shortname /* * * DON'T EDIT BELOW THIS LINE * * */ (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })(); </script>

CSS

body {
    font-family:arial;
    font-size:14px;
}
body {
     background:url('http://vikupavto24.ru/modules/mod_yapointer/tmpl/fancybox_overlay.png');
}
#photo, #info_tab{
    display:inline-block;
    position:relative;
}
#name {
    position: absolute;
    top: -180px;
}
#info_tab {
    margin-left: 30px;
}
td {
    padding: 5px 10px 5px 20px;
    position: relative;
}
#name {
    position: absolute;
    top: -90px;
    left: 20px;
    font-size: 18px;
}
#main {
    padding: 40px 40px 35px 40px;
    min-height: 415px;
    width: 570px;
    background: #FAFAFA;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    top: 90px;
    margin: 0 auto;
}