将两个单独的文本行放在单个内联div中

时间:2013-05-10 17:16:43

标签: html css

我正在制作一个"外星语言"使用自定义BBCodes的论坛上的数据库。如果用户有字体,它会以外来语言显示一个文本块。我需要一个指向字体的链接,并且出于格式化的原因,我需要以问号的形式提供该链接,该问号位于外来文本的上方或下方(并不重要),问号和文本需要在相对于页面其余部分的同一行上,并且div不能破坏div之外的行。

我的尝试无效:

    <div style="white-space:nowrap">
    <div style="display:inline;">
    <a href="http://f.tarazedi.com/viewtopic.php?f=7&t=24" title="Can't see this?  Download the font." style="font-size:5pt; font-family:Small Fonts, Tahoma;color:#333333">?</a></div>
    <div class="l" style="font-size:150%;display:inline; white-space:nowrap;"><strong>{TEXT}</strong></div></div>

链接到Example usage(请参阅文本后面的红色框和问号,而不是上面的问号)。

2 个答案:

答案 0 :(得分:0)

我不认为像float: left这样的简单css? div会起作用吗?

<div style="white-space:nowrap">
  <div style="float: left;">
    <a href="http://f.tarazedi.com/viewtopic.php?f=7&t=24" title="Can't see this?  Download the font."
       style="font-size:5pt; font-family:Small Fonts, Tahoma;color:#333333">?</a>
  </div>
  <div class="l" style="font-size:150%; display:inline; white-space:nowrap;">
    <strong>{TEXT}</strong>
  </div>
</div>

答案 1 :(得分:0)

您是否尝试过<sup>代码?像这样:

<strong>{TEXT}</strong><sup><a href="http://www.google.com">?</a></sup>

出来像:

<强> {TEXT} ?