В общем проблема в том что есть комментарии, и есть комментарии к комментариям комментариев, и без какой то метки вложенности, не понять какой уровень комментария это, или к какому комментарию, мне бы какой то способ для визуализации вложенности комментариев, заранее благодарю)
Можно вот так вот, похоже сделано на habre, точки указывают к какому комментарию какой комментарий, и показывают вложенность)
* {
box-sizing: border-box;
}
.comments {
overflow: hidden;
}
ul {
list-style: none;
padding-left: 20px;
}
ul li {
position: relative;
}
ul li:hover:before {
opacity: 1;
}
ul li:before {
position: absolute;
top: 6px;
left: -300px;
width: 300px;
height: 5px;
background: url(https://dr.habracdn.net/habrcom/images/1537860140/bg-folding-dot-light.png) repeat-x 5px 0;
content: '';
opacity: 0;
}
<div class="comments">
Item 01
Item 02
Item 03
Item 1.01
Item 1.02
Item 1.04
Item 1.05
Item 1.05.01
Item 1.05.02
Item 1.05.03
Item 1.05.04
Item 1.06
Item 1.07
Item 04
Item 05