在HTML中处理文本：将属性与句子关联

Question

我有一个由多个句子组成的文本。我想将文本显示为普通文本，同时给句子赋予样式属性和动作处理程序。现在我试图把他们在不同的标记，如div和p但每次我得到的是这样的：

相反的：

我想这是不可能得到我想要的使用简单的HTML，因为我不仅想要矩形，我想分部包装。有关我该如何做的任何想法？

Answer 1

Div和p元素是块级元素。将每个句子置于块级元素中会导致每个句子从新行开始。

你可以做什么它把每个句子放入一个内联元素，比如“span”，然后设置span元素的样式。

Answer 2

您可以使用：

display: inline; 

在你的元素，然后又补充：

float: left; 

这将显示他们一个右后其他和下方堆叠他们，如果他们运行的空间。