button next to img

[JamesB]

Hi

How can I have a <button> element next to an <img> element? So on the same line.

 

<div>  <button>Register</button>  <img src='ajax-loader.gif'></div>

 

I tried float left, display inline block and display inline, none seemed to work.

[Ingolme]

Normally they would be on the same line without needing any extra CSS. Is the container too small to fit them both?

 

If the container is shrinking to fit the content (probably because of a float or display: inline-block) then it might be forcing line breaks . In that case, try setting the container's white-space property to nowrap.

[JamesB]

Ah I had a set width which was too small on the container.

 

Fixed now, Thanks!