Html 做一个<；部门>；缩小以适应内容

我有一个

div

定义如下：

<div id="overlay" style="z-index:1000; position:relative; top:-20px; left:120px; ">
  <div style="background-color:#ffffff;">
    <label for="valueInput">Value</label>
    <input type="number" value="1.5" id="valueInput" name="valueInput" />
    <label for="valueUnit">Units</label>
    <select id="valueUnit" name="valueUnit">
      <option value="cu">Cubits</option>
      <option value="o">Other</option>
    </select>
    <p>Please make your selection</p>
  </div>
</div>

+---------------------------------------------------------------+
| Value [        ]                                              |
| Please make your selection                                    |
+---------------------------------------------------------------+

+----------------------------+
| Value [        ]           |
| Please make your selection |
+----------------------------+

但是，我希望该框能够紧紧围绕我的内容，使其看起来如下所示：

<div id="overlay" style="z-index:1000; position:relative; top:-20px; left:120px; ">
  <div style="background-color:#ffffff;">
    <label for="valueInput">Value</label>
    <input type="number" value="1.5" id="valueInput" name="valueInput" />
    <label for="valueUnit">Units</label>
    <select id="valueUnit" name="valueUnit">
      <option value="cu">Cubits</option>
      <option value="o">Other</option>
    </select>
    <p>Please make your selection</p>
  </div>
</div>

+---------------------------------------------------------------+
| Value [        ]                                              |
| Please make your selection                                    |
+---------------------------------------------------------------+

+----------------------------+
| Value [        ]           |
| Please make your selection |
+----------------------------+

如何使用CSS实现这一点

---

谢谢大家!

内联块将使

div

占据尽可能小的宽度：

#覆盖{
显示：内联块；
边框：1px纯黑；/*您可以看到div的宽度*/
}

价值
单位
腕尺
其他
请做出选择

内联块将使
div
占据尽可能小的宽度：


#覆盖{
显示：内联块；
边框：1px纯黑；/*您可以看到div的宽度*/
}

价值
单位
腕尺
其他
请做出选择

使用
显示：内联块


正文{
利润率：50像素；
}
#覆盖层{
显示：内联块；
位置：相对；顶部：-20px；左侧：120px；
z指数：1000；
边框：1px实心#ccc；
}

价值
单位
腕尺
其他
请做出选择

使用
显示：内联块


正文{
利润率：50像素；
}
#覆盖层{
显示：内联块；
位置：相对；顶部：-20px；左侧：120px；
z指数：1000；
边框：1px实心#ccc；
}

价值
单位
腕尺
其他
请做出选择