• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

Object Storage Arubacloud
+3 głosów
279 wizyt
pytanie zadane 8 kwietnia 2015 w HTML i CSS przez Anonim Mądrala (6,000 p.)

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

6 odpowiedzi

+1 głos
odpowiedź 8 kwietnia 2015 przez Bartosz Płóciennik Dyskutant (8,510 p.)
wybrane 8 kwietnia 2015 przez Anonim
 
Najlepsza

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

+3 głosów
odpowiedź 8 kwietnia 2015 przez Dawid Sobieszczuk Mądrala (6,240 p.)
Zamiast <p> możesz użyć <span>.
+3 głosów
odpowiedź 8 kwietnia 2015 przez GrzesiekB Gaduła (3,720 p.)
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.
+2 głosów
odpowiedź 8 kwietnia 2015 przez krecik1334 Maniak (58,390 p.)
<p id='ktora' style="display:inline">1.</p>
+1 głos
odpowiedź 8 kwietnia 2015 przez Artix Bywalec (2,110 p.)

musisz dodac w css p {display:inline};

0 głosów
odpowiedź 8 kwietnia 2015 przez michal Mądrala (5,560 p.)
Do czego jeszcze, oprócz podanego przykładu urzywa się polecenia "display: inline;" ?
komentarz 8 kwietnia 2015 przez GrzesiekB Gaduła (3,720 p.)
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;

Podobne pytania

0 głosów
3 odpowiedzi 938 wizyt
pytanie zadane 29 grudnia 2017 w HTML i CSS przez graj23x Obywatel (1,590 p.)
0 głosów
1 odpowiedź 109 wizyt
0 głosów
0 odpowiedzi 535 wizyt
pytanie zadane 3 sierpnia 2022 w C# przez sheya Nowicjusz (120 p.)

92,689 zapytań

141,601 odpowiedzi

320,095 komentarzy

62,048 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...