显示与父 div 内容内联的子 div

Question

我有一个简单的<div>结构如下

<div>
    <a href="www.google.com">Google</a>
    <div>
        <i class="fa fa-gear display-this-inline"></i>
    </div>
</div>

我希望将 font Awesome 图标直接显示在链接内容的右侧。如何最容易实现这一目标？

JSFiddle

编辑：我无法控制内部 div，现实世界的问题要复杂得多，我在这里简化了它。内部 div 是必需的。

Answer 1

删除包含<div>：

<div>
    <a href="www.google.com">Google</a>
    <i class="fa fa-gear"></i>
</div>

JSFiddle

或者，如果您无法更改当前拥有的标记：

a + div{
    display: inline-block;
}

最好的方法是为锚点或 div 分配更具体的选择器（类或 id）。

JSFiddle