<p>This <code>&lt;select&gt;</code> includes <code>&lt;hr&gt;</code> <a href="https://webdesign.tutsplus.com/html-element-hr--cms-93844a" target="_blank">(horizontal rule)</a> elements.</p>

<select name="name" required>
 <option value="1">John</option>
 <option value="2">Jane</option>
 <option value="3">Donald</option>
  <hr>
 <option value="4">Chuck</option>
 <option value="5">Leslie</option>
  <hr>
 <option value="6">Ahmed</option>
 <option value="7">Coraline</option>
</select>
select {
  max-width: 300px;
  width: 100%;
  padding: 6px;
  margin: 10px 0px 40px;
  font-size: 1rem;
}

External CSS

  1. https://codepen.io/tutsplus/pen/vYrpEwd.css

External JavaScript

This Pen doesn't use any external JavaScript resources.