title: How do I round a straight line with CSS?
body: <p>I want to round the straight line with CSS. But I wasn't successful. How can I do it? Thanks.</p>
  
  <p>Screenshots :<br>
  - Design : <a href="https://imgur.com/RCuJOVw" rel="nofollow noreferrer">https://imgur.com/RCuJOVw</a><br>
  - My Css Code : <a href="https://imgur.com/ssMLQkl" rel="nofollow noreferrer">https://imgur.com/ssMLQkl</a></p>
  
  <pre><code>.steps {
      margin-left: 80px;
      margin-top: 100px;
      display: inline-block;
      position: relative;
  
      &amp;:before {
         content: '';
         position: absolute;
         top: -130px;
         right: 50px;
         width: 30px;
         height: 1px;
         background-color: #eff0f1;
      }
  }
  </code></pre>