span next to each other

.box { position: relative; width: 250px; float: left; }
.one { border: 1px solid #ccc; background: #ebebeb; }
.two { border: 5px dotted #bbb; background: #acacac; }

<div class="box one"></div>
<div class="box two"></div>