html 如何调整h3的位置,html – 如何格式化H3标签两侧的按钮

示例：

http://jsfiddle.net/s9x2kxyz/

有更多的方法可以做到这一点,但上面的小提示显示了一种非常简单的方法：

HTML：

Title may or may not be long enough to break to new line

CSS：

h3, span {display:block;float:left;text-align:center;}

h3 {width:80%;margin-top:10px;}

span {width:10%;margin-top:15px;}

当您不知道h3上可能有多少行时,垂直对齐是一个棘手的部分,但在这种情况下,这就是野兽的本质…我的例子中的margin-top只是展示了如何你可以控制一下……它可能需要根据字体大小等变化.希望这有助于指出你正确的方向.

编辑：只是想注意,我已经使用原始HTML来回答问题,但是根据它们的用途,这里的元素应该包含在< a>中. (或< button>)元素更具语义性,然后解决方案中的CSS将在< a>上.而不是跨度.这样做的主要好处是,如果在单击/悬停/聚焦这些元素时发生某些事情,可以帮助规范浏览器和设备的行为.