Помогите с HTML и CSS

Question

Помогите с HTML и CSS

tzi izi Профи (714), открыт 4 дня назад

 <ul class="text_headers"> 
        <li><p>21424</p></li> 
        <li><p>214241</p></li> 
        <li><p>215326<br>26436</p></li> 
 
    </ul>

 ul.text_headers { 
    position: relative; 
    left: 7%; 
    list-style-type: none; 
    font-size: 30px; 
    font-weight: bold; 
 
} 
 
ul.text_headers li p{ 
    display: inline; 
    margin-right: 260px; 
}

Нужно сделать чтобы для тег распологался горизонтально

Answer 1

С flexbox:

 ul.text_headers { 
    position: relative; 
    left: 7%; 
    list-style-type: none; 
    font-size: 30px; 
    font-weight: bold; 
 
    display: flex;            /* делает элементы внутри ul горизонтальными */ 
    gap: 50px;                /* расстояние между элементами */ 
    padding: 0; 
    margin: 0; 
} 
 
ul.text_headers li { 
    margin: 0;                /* убираем отступы у li */ 
} 
 
ul.text_headers li p { 
    margin: 0;                /* убираем margin-right */ 
    display: inline;          /* чтобы текст внутри p был в строку */ 
}

Без неё:

 ul.text_headers li { 
    display: inline-block; 
    margin-right: 50px; /* или другой нужный отступ */ 
} 
 
ul.text_headers li p { 
    margin: 0; 
    display: inline; 
}

Answer 2

dinor4ik Профи (673) 4 дня назад

как

Pdf-file 40 y oЗнаток (483) 4 дня назад

Я тебе сказал тебе конец

dinor4ik Профи (673) Pdf-file 40 y o, можешь не бить меня пожалуйста

tzi iziПрофи (714) 4 дня назад

написал там

 опа

Answer 3

у тебя завёрнуто в <li>
каждый отдельно взятый не знает ничего о существовании и расположении других ...
ты можешь расположить <li> горизонтально
вслед за этим расположится всё содержимое <li>, а не только