Autor Zpráva
Karolína
Profil *
Ahoj,

mám html kód

<ul>
<li><a href="/">foo</a><span>foo2</span><li>
<li><a href="/">foo</a><span>foo2</span><li>
<li><a href="/">foo</a><span>foo2</span><li>
</ul>


a kód css

ul {width: 200px;}
li { width: 100%; text-align: left; }
li span { text-align: right; }


a potrebuji aby text foo byl vlevo a text ve span foo2 uplně vpravo, ale nejde mi to:)

Poraďte prosím.
Díky K.V.
ShiraNai7
Profil
Leda obtékáním.
Karolína
Profil *
Děkuji za pomoc, když to dám takto,

ul {width: 200px;}
li { width: 100%; text-align: left; }
li span { text-align: right; float: right;}



tak to vpravo je, ale je to o řádek níž, není to všechno v jednom řádku.

Co dělám špatně?
Str4wberry
Profil
<li><a href="/">foo</a><span>foo2</span><li>
    ^                  |_______________|
    |                           |
    |___________________________|
Karolína
Profil *
Str4wberry:
Tak to by mě opravdu ani ve snu nenapadlo, že co chci zobrazit vpravo musím napsat vleva, co to je za svět? :(

Díky za pomoc
Taurus
Profil
Kdyby to ale bylo obráceně, tak odkaz nemá co obtékat, protože je to definováno až později.
Karolína
Profil *
Taurus:
Kdyby to ale bylo obráceně, tak odkaz nemá co obtékat, protože je to definováno až později.


To znamená, že by to šlo napsat při tomto použití i takto?

<li><a href="/">foo</a><span>foo2</span><li>


ul {width: 200px;}
li { width: 100%; text-align: left; float:-left}
li span { text-align: right;}


Nebo je to hloupost?
Taurus
Profil
Ano, jen změň u druhého řádku li na li a.

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:

0