<div></div>
div {
margin: 0 auto;
border: dotted 1px #333;
width: 19em; max-width: 90%; height: 4em;
background:
repeating-linear-gradient(90deg, #c8c8c8, #c8c8c8 0.125em,
transparent 0, transparent 2.5em) 50% no-repeat,
repeating-linear-gradient(90deg, #c8c8c8, #c8c8c8 0.125em,
transparent 0, transparent 1.25em) 50% no-repeat;
background-position: right 50% bottom 2.25em;
background-size: 12.625em .5em, 12.625em .25em;
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.