0

Проблема в том чтобы перенесённая строка начиналась не под цифрами, а под началом верхней строки. Можно как-то выставить расстояние для перенесённых строк по типу 15mm? введите сюда описание изображения

body {
    counter-reset: example figure issue;
    /* Layout */    
    margin: 0 auto;
    
    /* Typography */
    line-height: 1;
    font-family: Calibri light;
    font-size: 8pt;
    widows: 2;
    orphans: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align-last: right;
    hyphens: auto;

    /* Colors */
    color: black;   
}
2
  • а сам отступ вы как делаете? вы бы часть html кода еще привели
    – Zhihar
    21 окт 2022 в 9:51
  • Отступ делаю: text-align-last: right; но что-то не работает 21 окт 2022 в 10:05

2 ответа 2

0

попробуйте пойти от обратного -

  1. выставить блоку с текстом отступ слева какой вам надо через padding
  2. скомпенсировать отступ первой строки через text-indent

div {
    width: 200px;
    border: 1px solid red;
    
    text-align: justify;
    
    padding: 5px 5px 5px 25px;
    text-indent: -20px;
}
<div>
Мой дядя самых честных правил, Когда не в шутку занемог, Он уважать себя заставил И лучше выдумать не мог. Его пример другим наука; Но, боже мой, какая скука С больным сидеть и день и ночь, Не отходя ни шагу прочь!
</div>

0

ul{
width:200px;
background: gray;
margin-left: 100px;
box-shadow: -100px 0 0 pink;
/* чтоб видеть margin без инспектора */

list-style: none;
counter-reset: f s t q;
}
li{position: relative;}
/*для li:before{left}*/

.f > li:before{
counter-increment: f;
content: counter(f);
left: -30px;
position: absolute;
/*теперь он не будет отжирать место у первой строки*/
}
<ul class='f'>
<li>aaaaaaaaa aaaaa aaaaaaa aaaaaaaa aaaaaa aaaaaaa</li>
<li>bbbb bbbbbbbbbbbb bbbbbbb bb bbbbbbb bbbbbb</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
</ul>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.