How to make the size of the div to the number of letters

Question

Hi guys I am working on a chat program...

div image

I want this div's size like :

wanted div image

Answer 1

Try adding this to their CSS:

  float:left; /*or right*/
  clear:both;

See this fiddle for an example with alternating positions: https://jsfiddle.net/ujpyxm22/1/