如何使块元素适应其内部的大小?

pen*_*ops 11 html css

如果我有这个HTML:

<li class="name">hi</li>
<li class="name">hello</li>
<li class="name">wheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee!</li> 
Run Code Online (Sandbox Code Playgroud)

这个CSS:

li.name{
    border: 1px solid #A38870;
    background-color: #FA682D;
    list-style: none;
    margin: 15px;
    padding: 5px;
}
Run Code Online (Sandbox Code Playgroud)

背景像这样一直延伸到整个页面.

我怎样才能使背景调整到像文本的大小这个(没有明确设置宽度为每个列表元素)?

Usm*_*Ali 12

 display: table;
Run Code Online (Sandbox Code Playgroud)

li.namecss类中添加此css代码.