我无法弄清楚如何协调这三个要素。我有这个方案：
<div class="main_box">
<span class="title">Title</span>
<p>Text goes here</p>
<a class="button" href="#">Button</a>
</div>
CSS是：
.title{
float:left;
display:inline-block;
}
p{
display: inline;
float: left;
width:100px;
}
.button{
display: inline;
float: right;
}
我将width放在上p，因为它的宽度是容器的宽度（我不希望这样）。
这样，按钮（锚点）与段落对齐，但是我想将其更多地居中，在标题和段落之间。
我究竟做错了什么？：\我应该只在锚点上使用负边距吗？
编辑：我还不够清楚，我需要这些元素的垂直对齐。我已经解决了问题。我可以使用负边距。
只需使用即可，display: inline-block;无需使用float
.title, p, .button{
display: inline-block;
vertical-align: middle;
}
p{
width:100px; /* you can add width if you want */
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句