Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML]2 linijki tekstu obok obrazka
RaiZeN
post 17.01.2016, 12:34:36
Post #1





Grupa: Zarejestrowani
Postów: 112
Pomógł: 4
Dołączył: 6.03.2014
Skąd: Suwałki

Ostrzeżenie: (0%)
-----


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?

Ten post edytował RaiZeN 17.01.2016, 12:35:41
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 30.04.2025 - 06:59