如何在前面的文本块末尾放置文本？

我们使用的CMS限制了我编辑HTML的能力。 我有一段文字，然后是一个链接：

Lorem ipsum dolor sit amet，consectetur adipisicing elit，sed do eiusmodtempor incididunt ut labore。

点击这里

我们的设计师宁愿将“点击此处”链接直接显示在文本段落的末尾：

Lorem ipsum dolor sit amet，consectetur adipisicing elit，sed do eiusmodtempor incididunt ut labore。 点击这里

是否可以用CSS定位链接，使其始终出现在前一段末尾？ 这是我们的CMS生成的HTML：

<div class="item summary">
    <div class="content">
        <p>
            Lorem ipsum...
        </p>
    </div>
</div>  
<div class="item link">
    <div class="content">
        <a href="http://www.example.com">Click here</a>
    </div>
</div>

---

为此，基本上所有的元素（div，p，a）都需要内联或内联块元素。

http://jsfiddle.net/mkeyh93f/

div.item{
    display: inline;
}

div.item p, div.item div, div.item a{
    display: inline;
}

只要确保你的元素没有任何默认的填充和边距。 我还建议将它们全部包装在带有display：block的div或文章容器中;

---

你可以设置

float: right;

在你的项目链接。 或者使用表格布局。

提示：在你的CSS类名称（“itemLink”）中设置空白。

---

如果可能的话，改变div跨度或在CSS中，添加

.item, .item.content, .item.content p,
.item.summary .item.link {display: inline;}
.item.summary item.link .content {display: inline;}

这会改变div element.m的行为，这是一种反直觉的行为。 DIV在语义上是等分的，因此，不建议使div成为跨度。 仅将它作为最后的手段使用

链接地址: http://www.djcxy.com/p/75989.html

上一篇: How to position text at end of previous block of text?

下一篇: Is this possible in p tag without using span or anything new in html tag?