swiru_
17.12.2011, 20:55:02
Witam,
mam taki sobie kawalek kodu <p>SOBOTA<span>17/12</span></p>
calosc jest sobie w divie o szerokosci powiedzmy 200px. chce zrobic tak zeby tekst SOBOTA byl wysrodkowany a numer dnia i miesiaca byl przy prawym koncu diva.
wiem ze da sie to zrobic w takiej formie kodu jaka jest teraz, po prostu uzywajac css'a juz gdzies cos takiego robilem kiedys, ale teraz nie przypomne sobie w jakim projekcie... temat ciezki bo nawet nie wiem jak to z tagowac na google ;]
jak by ktos wiedzial/pamietal jak to osiagnac to poprosze o pomoc ;]
z gory dzieki za pomoc
kamil4u
17.12.2011, 21:06:13
div{ border: 1px solid #000; width: 200px; }
p{ text-align: center; }
span{ float: right; }
http://jsfiddle.net/3Rbwr/Nie pamiętam tylko czy span nie powinien być dispaly: block;, gdy używamy float, ale działa tak jak jest.
swiru_
17.12.2011, 21:08:55
no i wlasnie to nie jest to rozwiazanie, teraz wysrodkowanie SOBOTA jest liczone od poczatku 17/12 a nie od calej dlugosci diva
kamil4u
17.12.2011, 21:11:15
div{ border: 1px solid #000; width: 200px; }
p{ text-align: center; position: relative; }
span{ position: absolute; right: 0;}
Nie lubię używać position...
http://jsfiddle.net/3Rbwr/1/
swiru_
17.12.2011, 21:14:12
hehe ja tez nie lubie, ale tu raczej nie bedzie szkodzil bo rozmiar diva jest staly
wiec... position it is

dzieki i pozdrawiam
kamil4u
17.12.2011, 21:19:22
Cytat
tu raczej nie bedzie szkodzil bo rozmiar diva jest staly
To nie ma znaczenia. Będzie chodziło nawet przy zmiennym rozmiarze.
http://jsfiddle.net/3Rbwr/2/