Right Side align without float

Question

I have a chat widget that I am adding some styling to. However I am having difficulty making the \"user\" chat bubbles align to the right of the screen.

When I use floa

Answer 1

if you don't want use floats, just try with inline-block, like so:

#chatWindow {
   text-align: right;
}

.chat-bubble-user {
   display: inline-block;
   text-align: left; 
}

JsBin (tested on Fx20): http://jsbin.com/awimev/2/edit