Question

Jak zrobić żeby znacznik <p> nie był w osobnej lini?

Mój kod:

Podaj <p id='ktora'>1.</p> liczbę:

Chcę aby tylko "1." było w środku znacznika <p>.

Answer 1

W takich sytuacjach lepiej użyć np. znacznika span lecz pytanie dotyczy znacznika p także wystarczy dodać odpowiedni selektor jak poniżej:

#ktora{display:inline;}

powyżej wykorzystujemy id jakie nadałeś w swoim kodzie ale można także bezprośrednio dać to w kodzie:

Podaj <p id='ktora' style="display:inline">1.</p> liczbę:

display:inline pozwala zakomunikować przeglądarce, że chcemy ten dany element wyświetlić nie jako blok ale w tej samej lini bez nakładania dodatkowych styli jak domyślny margin dla znacznika p.

Tutaj przykład: http://jsfiddle.net/m7ccgxgq/

Więcej informacji:

http://www.w3schools.com/cssref/pr_class_display.asp

http://kodcss.pl/kurs-css/lekcje/dzial-1/manipulacja-wlasciwoscia-display

http://www.kurshtml.edu.pl/css/wyswietlanie,pozycjonowanie.html

Answer 2

Zamiast <p> możesz użyć <span>.

Answer 3

Poczytaj o znacznikach blokowych - one inaczej się zachowują niż takie typowe inliney. Paragraph <P> jest blokowym, dlatego chcąc zmienić jego charakter należy dodać odpowiedni styl w CSS.

Nie rób jednak tego - jeśli już formatuj znaczniki typu <span> - później google będą się gubiły przy indeksacji Twoich stron.

Answer 4

<p id='ktora' style="display:inline">1.</p>

Answer 5

musisz dodac w css p {display:inline};

Answer 6

Do czego jeszcze, oprócz podanego przykładu urzywa się polecenia "display: inline;" ?

Comments

Jeśli nadałeś jakieś klasie display:blok a później chcesz przywrócić jakiemuś elementowi display:inline to wówczas się przydaje.

Jest jeszcze jedno fajne rozwiązanie: display: inline-block;