how to place <span> beside <i> in html code example

Example 1: 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; }

Example 2: span next to each other

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