我有一个FAQ页面的代码设置如下:
<p><strong>This Is A Question</strong></p>
<p><strong>Answer.</strong> This is the content of the answer, and I am going to keep
typing until it kicks to a new line.</p>
我注意到,当通过浏览器显示时,新行与答案内容的开头不对齐。从左侧对齐。我也意识到不要期望HTML做这样的事情,必须提出质疑。我本人有什么选择“缩进”本文?
非常感谢任何帮助!
答案 0 :(得分:1)
我认为这就是你想要的:
<p><strong>This Is A Question</strong></p>
<p><strong style="float:left">Answer.</strong>
<div style="display:inline-table;float:right">This is the content of the answer, and I am going to keep typing until it kicks to a new line.</div></p>
编辑:从头开始,它适用于FF + IE,但不适用于chrome
答案 1 :(得分:1)
受Nicole Sullivan's css .media
element的启发,您可以查看对{jsfiddle'的two column solution更新。
答案 2 :(得分:0)
在CSS中尝试使用负片段填充段落的div。 通常可以在webkit和gecko上工作。