A couple of things:
Please be sure to use code tags when posting code to the forums. Unformatted or unindented code is extremely hard to read and many people that might be able to help you will just move along to posts that are easier to read. Please click this link ⇒
UseCodeTags ⇐ for more information. I've gone ahead and added the code tags for you. See how much easier the code is to read?
Secondly, "and nothing" doesn't describe what you are seeing very well. It'd be best to be more explicit about what's going on.
In any case, I see you still have a div in there. By default divs will render on their own "line", so adding spans after a div will not make the render on the same "line".
Before adding a bunch of CSS that might not be necessary, can you sort of diagram (using text is fine) what you are trying to achieve? Keeping the markup and CSS as simple as possible is always a goal.