Как добавить картинку к border-top?

Question

[Илья Паршаков]

Здравствуйте. Не могу сообразить, как сделать, может думаю совсем ни в том направлении и есть способ проще и лучше.
Есть блок div, над ним и под ним отрисовываю линии с помощью border. Хочу на концах линии прилепить кружочек, для декорации.
Как лучше это сделать?

<div class="menu">
<div><a href="<?php echo get_permalink(8); ?>">Меню</a></div>
</div>

.menu{
	border-top:1px solid #5AB043;
	border-bottom:1px solid #5AB043;
}

Хочу получить:

Answer 1

[devstudent]

псевдоэлементы before и after для меню с border-radius:50%; нужного размера с position:absolute; и зеленым фоном . не забудьте добавить position:relative; самому меню

Comments

[Илья Паршаков]

Спасибо большое!