根据内容调整容器大小

Question

以下是一些内容的屏幕截图，这些内容是网站项目中处于开发阶段的表单验证的一部分：

此内容当前包含在指定宽度为20％的div中。在添加该规则之前，div在整个屏幕上水平拉伸，对于包含在其中的短消息来说看起来过分了。有没有办法让div（或其他一些合适的容器）自动调整其宽度，使其宽度足以容纳它所包含的内容？

Answer 1

您可以使用display: inline-block或float执行此操作。 这是演示http://codepen.io/anon/pen/vdICu/