<div class="match"> <span class="match-team">Fnatic</span> <span class="match-percent">50%</span> <img src="img/teams/fnatic.png" class="match-logo" /> <span class="match-vs">vs</span> <img src="img/teams/navi.png" class="match-logo" /> <span class="match-team">Na'Vi</span> <span class="match-percent">50%</span> </div>
.match { background-color: #F8F8F8; border: 1px solid #E7E7E7; text-align: center; padding: 10px; } .match-logo { max-height: 50px; display: inline-block; } .match-vs { padding-left: 5px; padding-right: 5px; } .match-team { font-weight: 700; font-size: 17px; } .match-percent { }
Wygląda to tak:

Chciałbym żeby te napisy 50% były pod napisem "Fnatic" i "Navi", czyli mniej więcej tak:

da radę tak zrobic?