Html 把内容放在两个跨度之间的中间 像堆栈溢出的投票箭头和点，我做了一些类似的事情，但是我的两个箭头中的点并没有在中间，因为它太丑陋了。我如何纠正这个问题

{{post.get_vote_count}}

在看不到小提琴的情况下，我可以立即看到您尚未关闭span标签，请按如下方式重新调整：

<td class="vert-align">
    <div>
        <a href="/post/{{ post.slug }}/vote?is_up=1" class="vote">
            <span style="font-size:1.5em;"><i class="fa fa-arrow-up"></i></span>
        </a>
        <br>
        <h4 id="vote_count_{{ post.slug }}">{{ post.get_vote_count }}</h4>
        <br>
        <a href="/post/{{ post.slug }}/vote?is_up=0"  class="vote">
            <span style="font-size:1.5em;"><i class="fa fa-arrow-down"></i></span>
        </a>
    </div>
</td>

---

试着像这样给利润

<h4 id="vote_count_{{ post.slug }}" style="margin-top:10px;margin-bottom:10px;">{{ post.get_vote_count }}</h4>

{{post.get\u vote\u count}

试试这样的方法

<h4 id="vote_count_{{ post.slug }}" style="margin-top:10px;margin-bottom:10px;">{{ post.get_vote_count }}</h4>

h4{
字体大小：34px；
字体大小：粗体；
线高：40px；
保证金：0；
}
桌子{
文本对齐：居中；
框大小：边框框；
}

4.

请先用您拥有的内容制作一个演示。如果荧光灯告诉您，您的HTML无效<代码>（两次）。关闭span标记“>”，只需创建一个片段或小提琴，我们就可以帮助您。谢谢您的回答，但为什么它仍然难看…箭头和点之间的空间太大…我希望它显示为堆栈溢出。您到底指的是“难看”的部分？只需尝试填充/边距等。例如，根据浏览器，默认情况下，

元素的上方和下方都有边距，因此尝试用CSS覆盖它：

h4{margin:5px 0；}

我刚刚意识到，如果我关闭span，我会发现上箭头旁边有一个小故障arrow@kimkimm,尝试此更新的小提琴：。有一个额外的空格导致锚元素在里面加了一条下划线..这个答案对你有帮助吗Kim？我有另一个h4，所以它每h4都会改变一次，但是除此之外yeahI我对你的答案有一个问题，我试过了"投票计数{post.slug}{{bunch css}{然后我什么都没有了我能有一个有效的演示吗？这样我可以更好地帮助您：）为什么要使用内联样式？在我看来，最好把它放在一个外部CSS文件中。。。