<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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.