Question

I want to draw a <hr> line in CSS. And there is a button at the center of the line which cuts that line in the middle. So how can I achieve this effect in css?

Answer 1

Give margin-bottom in minus to your button. Write like this:

button{
 margin-bottom:-20px;
 position:relative;
}