JSFiddle - React, Tailwind, and code Playground

by invincible

HTML

<div class="rub">
    <div class="rubimg">
        <img src="{THEME}/image/avto/audi.png" height="15" /><br />
        <img src="{THEME}/image/avto/ford.png" height="15" /><br />
        <img src="{THEME}/image/avto/audi.png" height="15" /><br />
        <img src="{THEME}/image/avto/bmw.png" height="15" /><br />
        <img src="{THEME}/image/avto/audi.png" height="15" /><br />
        <img src="{THEME}/image/avto/mazda.png" height="15" /><br />
        <img src="{THEME}/image/avto/audi.png" height="15" /><br />
    </div>
    <div class="rublink">
        <ul>
            <li><a href="http://127.0.0.1/sat/2/audi">Audi</a></li>
            <li><a href="http://127.0.0.1/sat/2/audi">Audi</a></li>
            <li><a href="http://127.0.0.1/sat/2/audi">Audi</a></li>
            <li><a href="http://127.0.0.1/sat/2/audi">Audi</a></li>
            <li><a href="http://127.0.0.1/sat/2/audi">Audi</a></li>
            <li><a href="http://127.0.0.1/sat/2/audi">Audi</a></li>
            <li><a href="http://127.0.0.1/sat/2/audi">Audi</a></li>
        </ul>
    </div>
    <div style="clear:both;"></div>
</div>

CSS

.rub {
    background: url("../image/h_rub.jpg") no-repeat;
    padding-top: 50px;
    margin-bottom: 30px;
}

.rub ul {
    list-style: none;
}

.rub a {
    color: #565656;
    font-weight: bold;
    font: 18px Arial, Tahoma, Verdana, sans-serif;
    margin-right: 10px;
}

.rubimg {
    max-width:55px;
    float:left;
}

.rub img {
    max-width: 50px;
    height: 15px;
}

.rublink {
    margin-left:5px; 
    max-width:245px; 
    float:left;
    margin-right: 50px;    
}
.rublink a{line-height: 15px;}