радиально-материал Md-делитель

Question

Можно ли получить кнопку, чтобы быть на вершине мда-делитель вроде как это:

Answer 1

Это не имеет ничего общего с Угловым, вы можете исправить это чисто CSS:

body{ 
 
       background-color: #E0E0E0; 
 
       text-align: center; 
 
      } 
 
      h1{ 
 
       font-size: 75px; 
 
      } 
 
      hr{ 
 
       width: 85%; 
 
      } 
 
      .buttons{ 
 
       display:inline-block; 
 
       position:relative; 
 
       top:-20px; 
 
       background-color: green; 
 
       color: white; 
 
       padding: 5px; 
 
       border: 1px solid green; 
 
       border-radius: 50px; 
 
       text-align: center; 
 
      } 
 
      .buttons:hover{ 
 
       background-color: #C4C4C4; 
 
       border: 1.5px solid #171717; 
 
      }

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> 
 

 
<h1>Button on top of line</h1> 
 
    <hr> 
 
    <span class="buttons fa fa-plus"></span>

Вы можете дать Md-divider класс и использовать его вместо моего примера час. Но вы правильно поняли идею?

Суть заключается в использовании позиционирования с отрицательным верхом.