<svg>
  <line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" />
</svg>
line {
  stroke: #f8a100;
  stroke-dasharray: 5 10 15;
}

/* DEMO STYLES */
body {
  background: #333;
  display: grid;
  place-items: center;
  width: 100%;
}

svg {
  fill: #333;
  stroke-color: red;
  stroke-width: 5px;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.