CSS实现流体布局下inline水平元素的换行显示实例页面

CSS代码：

dd, dt { display: inline; margin: 0; }
dd:after {
    content: '\A';
    white-space: pre;
}
                

HTML代码：

<dl>
    <dt>提问：</dt><dd>为什么没有男朋友？</dd>
    <dt>回答：</dt><dd>男朋友是什么、可以吃吗？</dd>
</dl>