prawidłowy kod a nieprawidłowe działanie!

Question

Dzień dobry,

Problem mianowcie jest taki że pomimo wpisania komendy 

<p style="text-align: left"><li> tutaj jakis tekst</li>

to napis wyswietla sie dalej na srodku strony nie rozumiem dlaczego tak jest. :( Prosze o pomoc

Comments

element wyświetla się od lewe w rodzicu "p" więc generalnie jeśli paragraf jest na środku strony, bo jego rodzic tak centruje, to dlatego jest taki efekt.

---

Na marginesie, ten kod jest niepoprawny:

• nie zamknąłeś znacznika </p> (chyba, że tego nie pokazałeś)
• rodzicem elementu <li> nie może być nic oprócz <ul>, <ol>, <menu>
• element <p> nie może mieć wewnątrz znacznika <li> z powyższego powodu oraz dlatego, że <p> akceptuje tzw. phrasing content, a <ul>/<ol> oraz <li> to jest flow content (nadzbiór phrasing content-u)

Zerknij w devtoolsy przeglądarki i zobaczysz, że przeglądarka automatycznie domknęła </p> przed <li>, aby wyrzucić ten element z wnętrza - co może powodować, że tekst jest wyśrodkowany inaczej niż to zadeklarowałeś w stylu <p>, bo wyjściowo <li> nie jest dzieckiem <p>.

Answer 1

<p style="text-align: center">always close the p tag</p>
<p style="text-align: left">always close the p tag</p>
<p style="text-align: right">always close the p tag</p>


<ul>
    <li>Neil Armstrong</li>
    <li>Alan Bean</li>
    <li>Peter Conrad</li>
    <li>Edgar Mitchell</li>
    <li>Alan Shepard</li>
</ul>


<p>Element (li) ("list item") jest używany do wskazywania punktu listy, zawartej w liście uporządkowanej lub liście nieuporządkowanej. Może on występować tylko jako dziecko poprzednio wymienionych elementów. </p>

 

Answer 2

No tak średnio poprawny, "li" powinno się znajdować bezpośrednio wewnątrz tagu "ul" lub "ol", jeśli potrzebujesz takiego układu, to przenieś "p" do "li" chociaż proponowałbym raczej użyć "span", jeśli element ma służyć tylko do ostylowania. Jeśli nie musisz to nie używaj stylów inline, użyj klasy. W stylu inline na końcu brakuje też średnika.

Answer 3

Podaj element rodzica i jego style, ewentualnie całą stronę i jej style. Prawdopodobnie rodzic ma nałożone style, które centrują ten element.