CSS样式问题当<sup>有2行</sup>时

时间:2014-04-29 10:09:11

标签: html css

所以我有一个span标签的价格和一个sup标签中的“per person”

<span class="price">R500</span><sup>per person</sup>

它的上标全部在一行中但是我希望'person'出现在'per'下面但不在span标签下面并且价格。

我的问:如何在上标中的两个单词之间放置段落,间隔,空格。

2 个答案:

答案 0 :(得分:1)

您可以在<br/>元素中添加<sup>标记。然后将display: inline-block;分配给&lt; sup&gt;的CSS。然后,您可以使用vertical-align对齐文本。

请参阅此示例:http://jsfiddle.net/BE7y8/

答案 1 :(得分:-1)

您是否尝试过使用HTMl:

<sup>per <span>person</span></sup>

根据您的视觉目标设置嵌套范围的样式?