Right Side align without float

后端 未结 3 2037
谎友^
谎友^ 2021-02-18 17:00

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

3条回答
  •  长情又很酷
    2021-02-18 17:41

    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

提交回复
热议问题