How does the css3 chat bubble box stay the same as the content changes?

Ul> Li {? Border: 1px? Solid? # ccc？ Location:? Relative; ? Line height: 30px}

Ul> after Li:: and before Li:: {? Location:? Absolutely; ? }

Ul> Li:: Back {Right: 0px? Bottom: 0px? Content: ""; ? Background: url ()? Do not repeat; }

Ul> before Li: {left:0px；; ? top:0px； ? Content: ""; ? Background: url ()? Do not repeat; } & ltul & gt

& lt Li>

At one time, I thought I was perfect, the only shortcoming was that the code was too slippery, until one day, a group of girls surrounded me and said, "You write code so slippery!" " "I said," what's the use of slow writing, and no one adopts it? "They really scold me and say, you are so handsome and the code is so sloppy, who won't adopt you! "

& lt/ Li>

& lt/ul & gt；