How can I put <span> and <a> element in one line using display : block, inline or inline-block?

[bbsmooth]

Why do you have display: block set on the <span> before the <a>? Forcing an element to have block display makes it behave like a big block and the element following it will be on a new line.