После того, как вы пробовали много вещей и искали в Интернете, я все еще не могу понять, как создать подобную вертикальную линию между значками, как показано слева от изображения. Кто-то знает, как это сделать? Любая помощь будет высоко ценится!!Как создать вертикальную линию между значками (с изображением примера)
Вы можете использовать, прежде чем псевдо-код, как сказал Санджив и Вот как это делается. Просмотрите полную страницу при запуске фрагмента. не уверен, для чего нужен код ошибки.
.timeline {
position: relative;
margin: 10px 0;
padding: 0;
list-style: none;
counter-reset: section;
}
.timeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 3px;
background: #fdb839;
left: 32px;
margin: 0;
border-radius: 2px;
}
.timeline > li {
position: relative;
margin-right: 10px;
margin-bottom: 50px;
padding-top: 18px;
box-sizing: border-box;
padding-left: 90px;
}
.timeline > li:before,
.timeline > li:after {
display: block;
}
.timeline > li:before {
counter-increment: section;
content: counter(section);
background: #fdb839;
width: 70px;
height: 70px;
position: absolute;
top: 0;
border-radius: 50%;
left: -1px;
display: flex;
justify-content: center;
align-items: center;
color: #Fff;
font-size: 22px;
font-weight: bold;
border: 15px solid #fff;
box-sizing: border-box;
}
.timeline > li:after {
clear: both;
}<ul class="timeline">
<li>
asdfasdf
</li>
<li>
asdfsdf
</li>
</ul>Спасибо. Это работает для меня. –
Вы можете создать его с помощью CSS: перед тем Selector
Вот пример того, как это делается: https://jsfiddle.net/v5stsyta/7/ –
Было бы хорошо, если бы было изображение .. –
Добро пожаловать на SO. Пожалуйста, посетите [помощь] и возьмите [тур], чтобы узнать, как и что спросить. УКАЗАНИЕ: Почтовый индекс и усилие – mplungjan
Пожалуйста, объясните проблему лучше, возможно добавив некоторые изображения и то, что вы пробовали до сих пор. Чем конкретнее вы, тем больше можно получить помощь. – reallynice