Создание линии с кругом посередине ⇐ CSS

[Anonymous]

Итак, я пытаюсь добиться такого результата:

[img]https://i. sstatic.net/tBlJK.png[/img]


Вот что я получил, когда попробовал: https://jsfiddle.net/wvdkmjge/

Код: Выделить всё

.container {
width: 100px;
height: 1px;
background-color: black;
}
.circle {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
background-color: transparent;
border: solid 1px black;
border-radius: 50%;
}

Код: Выделить всё

Более того, я хочу, чтобы я не видел граница на круге. Есть предложения?

Подробнее здесь: https://stackoverflow.com/questions/349 ... the-middle