I'm doing a site without using any images, to make it responsive and faster, only CSS(3). I'm trying to do the following effect using CSS
I used to do this using
<div class="strikethrough">
<span>Ou</span>
</div>
and the CSS (using image):
.strikethrough {
background: url('strip.gif') repeat-x 50% 50%;
}
.strikethrough span {
background: #EAEBEC;
padding: 0 5px;
display: inline-block;
margin: 0 auto;
}
Is it possible to do the same using only CSS?