Oldal info doboz

<table class="oldalinfo">
<tbody>
<tr>
<td class="rightinfo"><i class="fa fa-diamond" aria-hidden="true"></i> Oldalneve</td>
<td class="leftinfo">Lorem ipsum dolor sit</td>
</tr>

<tr>
<td class="rightinfo"><i class="fa fa-user" aria-hidden="true"></i> Tulajdonos</td>
<td class="leftinfo">Neved</td>
</tr>

<tr>
<td class="rightinfo"><i class="fa fa-share" aria-hidden="true"></i> Mikor nyitott?</td>
<td class="leftinfo">2000.12.25</td>
</tr>

<tr>
<td class="rightinfo"><i class="fa fa-home" aria-hidden="true"></i> Adat</td>
<td class="leftinfo"><a href="http://" target="new">Valami</a></td>
</tr>

<tr>
<td class="rightinfo"><i class="fa fa-star-o" aria-hidden="true"></i> Alap</td>
<td class="leftinfo"><a href="http://aemydesign.hu" target="_blank">Aemy Design</a></td>
</tr>

</tbody>
</table>

<style type="text/css">
/* oldal info doboz */

.oldalinfo {
    border-spacing: 0 6px;
    border-collapse: separate;
    text-align: left;
    letter-spacing: 0px;
    width: 100%;
}
.leftinfo { /* most jobboldal */
    color: #ffffff;
    padding: 5px;
    width: 60%;
}
.rightinfo { /* most baloldal */
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
    width: 40%;
}

.oldalinfo a {
    color: #ccbb69 !important; font-size:14px;
}
.oldalinfo a:hover {
    color: #90863e !important;
}
.oldalinfo .fa {
    font-size: 13px !important;
    color: #ccbb69 !important;
    font-weight: normal !important;
    background: transparent !important;
    margin-right: 3px;
    padding: 0px !important;
}
</style>