Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Wyśrodkowanie tekstu
Forum PHP.pl > Forum > Przedszkole
phpkm
Witam

Chce wstawić wyśrodkowany tekst pomiędzy tymi dwoma elementami poniżej. Jak mogę to zrobić, żeby było to zgodne ze sztuką ?

Chcę żeby było tak: aaa BBB ccc

  1. <p>
  2. <a style="float: left;" href="<?= $this->url(array(), '', true) ?>" title="AAA">aaa</a>
  3. BBB - to chcę wyśrodkować
  4. <a style="float: right;" href="<?= $this->url(array(), '', true) ?>" title="CCC">ccc</a>
  5. </p>
Niktoś
Może tak?
<span style="text-align:center">BBB </span>
qrooel
http://jsfiddle.net/4ehHE/

P 'center' zmieniłbym na diva.
phpkm
Zrobiłem jak poniżej, ale coś nie działa, nie jest wyśrodkowane:

  1. <div class="etap">
  2. <p>
  3. <a style="float: left;" href="<?= $this->url(array(), '', true) ?>" title="AAA">aaa</a>
  4. BBB - to chcę wyśrodkować
  5. <a style="float: right;" href="<?= $this->url(array(), '', true) ?>" title="CCC">ccc</a>
  6. </p>
  7. </div>


W pliku style.css dodałem:

  1. #etap
  2. {
  3. text-align: center;
  4. }
Niktoś
musisz dać to na tag<p>

<p class="etap" >
Necsord
  1. <div id="test"></div> => #test
  2. <div class="test"></div> => .test

Pomyliłeś klase z id, oznaczyłeś "etap" jako klase div'a, a następnie odwołałeś się do #etap czyli do id. Wracając do tematu, jeżeli chcesz to dać na div'ie to dodaj do text-align: center;, width: 100%; lub jaką tam szerokość chcesz.
phpkm
Dziękuję, działa.
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.