说我有以下html：
<body>
<div class="wrapper">
<div class="form">
<h1>headline</h1>
<input name="input-name"/>
<p>
<h2>subheadline</h2>
<div class="content">
some content
</div>
</p>
</div>
</div>
</body>
我希望身体内的每个元素都是inline（我知道它没有任何意义，只是为了这个例子），所以有一些优雅的方法来做到这一点，而不是：< / p>
.wrapper,
form,
h1,
input[name='input-name'],
h2,
.content{
display: inline;
}