html - 如何使 block 元素调整到它里面的大小？

Question

如果我有这个 HTML:

<li class="name">hi</li>
<li class="name">hello</li>
<li class="name">wheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee!</li> 

还有这个 CSS:

li.name{
    border: 1px solid #A38870;
    background-color: #FA682D;
    list-style: none;
    margin: 15px;
    padding: 5px;
}

背景一直延伸到整个页面，如 this .

如何使背景适应文本的大小，如 this (没有明确设置每个列表元素的宽度)？

Answer 1

 display: table;

在 li.name css 类中添加此 css 代码。