css - 需要帮助/建议来设置 h1 第一行的最大宽度以避免重叠绝对定位元素

Question

下面是我设计的样子

但是标题很长，看起来像

如何避免重叠？我创建了一个 fiddle 让你可以处理这个(如果你愿意的话)

http://jsfiddle.net/xhp7Q/

Answer 1

可以把评论链接放在最前面，然后向右浮动。这样标题将围绕它流动:

http://jsfiddle.net/xhp7Q/1/

.comments {
  float: right;
  height: 30px;
  font-size: 26px;
  font-weight: bold;
  border: 5px solid #eee;
  color: #000;
  color: red;
}