Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]<span> w <p> pozycja
Forum PHP.pl > Forum > Przedszkole
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
  1. div{ border: 1px solid #000; width: 200px; }
  2. p{ text-align: center; }
  3. 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_
no i wlasnie to nie jest to rozwiazanie, teraz wysrodkowanie SOBOTA jest liczone od poczatku 17/12 a nie od calej dlugosci diva
kamil4u
  1. div{ border: 1px solid #000; width: 200px; }
  2. p{ text-align: center; position: relative; }
  3. span{ position: absolute; right: 0;}


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 smile.gif

dzieki i pozdrawiam
kamil4u
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/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.