How to make the css3 chat bubble box remain unchanged as the content changes?

ul>li{?border:1px?solid?#ccc;?position:?relative;?line-height:30px;}

ul>li::after,ul >li::before{?position:?absolute;?} ul>li::after{right:0px;?bottom:0px;?content:"";?background:url()?no-repeat;} ul> li::before{left:0px;?top:0px;?content:"";?background:url()?no-repeat;}

• < p>I used to think that I was perfect, and my only shortcoming was that my code was too slippery. Until one day, a group of girls gathered around me and said, “You write code so smoothly!”, and I said, “What’s the use of writing slippery code? No one accepted it." They scolded me, saying, "You are so handsome and your code is so slippery, who wouldn't accept you?"

< /ul>