Share images alongside each other

Hello,

I am using this code:

[expand title="<img src='https://xxxxx/photooto1.png' height='40%' width='40%'/>" tag="div" trigclass="noarrow" rel="xxx-highlander"]bla bla bla 1[/expand][expand title="<img src='https://xxxx/photo2.jpg' height='40%' width='40%'/>" tag="div" trigclass="noarrow" rel="xxx-highlander"]bla bla bla 2[/expand]

I was expecting as the images has 40% each (80% total) that they would be along side, expanding to the button.
However, they are only show one and then other, leaving a blank space where I was trying to get the other image.

Is there a solution for this?

Thank you.