50% inline-blocks not displaying next to each other

[DareDevils]

Say I have\[code\]<span class="ib-half"></span><span class="ib-half"></span>\[/code\]and\[code\].ib-half { display: inline-block; width: 50%;}\[/code\]I expect the two spans to display side-by-side but they won't. There's no margin, padding, or border, so what's the problem?