[PHP][CSS][HTML]Treść dokumentu w punktach i odstęp w nowej linii. Opcje

[Szunaj85]

Witam,

Na mojej stronie część treści umieściłem w znacznikach <li> czyli normalnie punktuję sobie jakąś treść. Czy to za pomocą liter, kresek, kropek, itp.

[HTML] pobierz, plaintext 
<li class="lista">a). to jest długi punkt pierwszy
w tym zestawieniu.</li>
<li class="lista">b). to jest długi punkt drugi
w tym zestawieniu.</li>
<li class="lista">c). to jest długi punkt trzeci
w tym zestawieniu.</li>
[HTML] pobierz, plaintext 

Problem polega na tym, że te punkty nie zawierają w sobie powiedzmy dwóch słów, ale wiele zdań przez co gdy treść przechodzi do nowej linii znajduje się bezpośrednio pod znacznikiem określającym, który to punkt. Nie wygląda to ładnie (W niższych liniach musi być odstęp). Próbowałem to rozwiązać za pomocą stylów i ręcznie ucinać treść po jakimś tam słowie a w następnej linii utworzyć mały margines od lewej. Połowicznie to działa, ale wszystko zależy od rozdzielczości użytkownika.
Przy mniejszych rozdzielczościach słowa ucinane są wcześniej, ponieważ jest mniej miejsca na tekst. Przy większych później.
Jak można to rozwiązać? Jeśli nie za pocą stylów, może być rozwiązanie w PHP.

Ten post edytował Szunaj85 13.02.2020, 18:08:33

[trueblue]

text-indent ustawiasz na wartość ujemną, margin-left na identyczną, dodatnią. Jakieś 1em.

P.S. Wiesz, że kropki można zamienić na numerację literową?
P.P.S. Dodawanie tej samej klasy do elementu listy nie ma kompletnie sensu. Dodaj klasę do nadrzędnego tagu.
P.P.P. A gdzie w ogóle jest tag <ul>? Przy domyślnym stylowaniu, tj.: list-style-position: outside bez problemu linijki powinny równać do lewej krawędzi.

Ten post edytował trueblue 13.02.2020, 18:52:11

[Szunaj85]

text-indent ustawiasz na wartość ujemną, margin-left na identyczną, dodatnią. Jakieś 1em.

Dziękuję tego szukałem.

P.P.S. Dodawanie tej samej klasy do elementu listy nie ma kompletnie sensu. Dodaj klasę do nadrzędnego tagu.

Słusznie.

P.P.P. A gdzie w ogóle jest tag <ul>? Przy domyślnym stylowaniu, tj.: list-style-position: outside bez problemu linijki powinny równać do lewej krawędzi.

Tutaj go nie wstawiłem, ale odnalazł się w kodzie.