title: CSS :before for small line
body: <p>I trying to create input, that has <code>border-bottom</code> and small (in height) borders in sides like that:
  <img src="https://i.stack.imgur.com/Er1yl.png" alt="Example">
  But this code didn't work:</p>
  
  <pre><code>input:before, input:after {
      display: block;
      height: 5px;
      width: 1px;
      background: #f00;
  }
  </code></pre>