Autor Zpráva
fds
Profil *
Ako mám upraviť nasledujúci kód, aby bol text vedľa obrázku vertikálne zarovnaný v strede?

<style>
  ul {
    border: solid 1px;
    list-style: none;
    padding: 0px;
    width: 150px;
  }
  
  li {
    height: 70px;
  }
  
  img {
    float: left;
  }
</style>

<ul>
      <li><img src="" width="60" height="60"> aaa aaa</li>
      <li><img src="" width="60" height="60"> aaa aaa bbb bbb</li>
</ul>

Chcem, aby to vyzeralo takto:

Text v zozname bude dynamický a môže byť na 1 alebo aj na viac riadkov (maximálne bude asi na 3 riadky a nemal by presahovať veľkosť obrázka).


Obrázok sa bude vzťahovať k textu a bude pri každej položke zoznamu iný.
jenikkozak
Profil
fds:
Nastavte položce seznamu text-align:center.
fds
Profil *
jenikkozak: Ale ja to chcem zarovnať vertikálne.
jenikkozak
Profil
fds:
Omlouvám se, má nepozornost. Velmi jednoduše by to šlo tabulkou. Tady to i na tabulková data vypadá, takže by se mohl vyhodit seznam a nahradit tabulkou.
user243
Profil
použít vnitřní okraj?
fds
Profil *
jenikkozak:
To bude zoznam článkov. Ale tabuľkou by to v najhoršom prípade šlo.

user243:
Text v zozname sa bude meniť, čiže ako prvá položka môže byť aj text na 2 riadky.
margin
Profil *
Po drobné úpravě by mělo jít použít http://klient.plavacek.net/centrovani.html.
fds
Profil *
margin:
Diki

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: