[CSS]<span> w <p> pozycja, ustawienie spana w znaczniku <p> Opcje

[swiru_]

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]

[CSS] pobierz, plaintext 
div{ border: 1px solid #000; width: 200px; }
p{ text-align: center; }
span{ float: right; }
[CSS] pobierz, plaintext 

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.

Ten post edytował kamil4u 17.12.2011, 21:07:20

[swiru_]

no i wlasnie to nie jest to rozwiazanie, teraz wysrodkowanie SOBOTA jest liczone od poczatku 17/12 a nie od calej dlugosci diva

[kamil4u]

[CSS] pobierz, plaintext 
div{ border: 1px solid #000; width: 200px; }
p{ text-align: center; position: relative; }
span{ position: absolute; right: 0;}
[CSS] pobierz, plaintext 

Nie lubię używać position... http://jsfiddle.net/3Rbwr/1/

[swiru_]

hehe ja tez nie lubie, ale tu raczej nie bedzie szkodzil bo rozmiar diva jest staly

wiec... position it is (IMG:style_emoticons/default/smile.gif)

dzieki i pozdrawiam

[kamil4u]

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/