채팅의 글씨길이에따라 css가 적용되지않는 경우

[강유림]

안녕하세요ㅠㅠ 이렇게 채팅에 대한 기능은 문제없는데 글씨크기만큼 배경색이 차지해야하는데 가장 긴 문장을 기준으로 배경이 적용되어 질문드립니다 !
아래 css와 html 코드입니다! ul태그, li태그 나눠서 속성값을 줬는데 append로 html넣었을 경우 발생하는 문제인지, 어떻게 해결할 수 있을지 질문드립니다ㅠ 

[codingapple]

width 같은걸 제거하거나 조절해봅시다

[강유림]

width를 주지 않은 상태인데 특정 길이값을 주면 글자마다 배경면적이 따라오지 않고 고정됩니다 ㅠ
%로 조절해도 마찬가지입니다 다른 방법 없을까요?? ㅠㅠ 

[codingapple]

div말고 span태그 이런데 글씨담아봅시다

[글쓴이]

글