How can we display these side by side like many sites do, thanks.

With either the HTML or bbcode, you can put the code right next to each other. If don't appear next to each other, you likely have some css rules that put padding, margins, line breaks, etc around it. Depending on the bbcode processor, it may do its own thing as well with spacing / new lines.

It really depends on the site.