także mam taki sobie kod:
  1. <div class="match">
  2.  
  3. <span class="match-team">Fnatic</span>
  4. <span class="match-percent">50%</span>
  5.  
  6. <img src="img/teams/fnatic.png" class="match-logo" />
  7.  
  8. <span class="match-vs">vs</span>
  9.  
  10. <img src="img/teams/navi.png" class="match-logo" />
  11.  
  12. <span class="match-team">Na'Vi</span>
  13. <span class="match-percent">50%</span>
  14.  
  15. </div>


  1. .match
  2. {
  3. background-color: #F8F8F8;
  4. border: 1px solid #E7E7E7;
  5. text-align: center;
  6. padding: 10px;
  7. }
  8.  
  9. .match-logo
  10. {
  11. max-height: 50px;
  12. display: inline-block;
  13. }
  14.  
  15. .match-vs
  16. {
  17. padding-left: 5px;
  18. padding-right: 5px;
  19. }
  20.  
  21. .match-team
  22. {
  23. font-weight: 700;
  24. font-size: 17px;
  25. }
  26.  
  27. .match-percent
  28. {
  29.  
  30. }


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?