html - 将文本定位到 div 左右中心

Question

我正在尝试创建如下所示的内容:

到目前为止我有:http://jsfiddle.net/ePse6/

如果不使用类似:margin-top:-25px;，我如何将编辑/删除链接定位在标题的右侧(显示“iPhone”或“Android") 并且标题和链接都位于边框中间？

谢谢!

Answer 1

就像大多数答案一样，这里我使用了 text-align:right 和 float:left 。

我为您的实际结构将代码缩减为最小和纯 CSS，并向您说明:http://jsfiddle.net/ePse6/7/

ul , a { /* basic reset we need */
    padding:0;
    margin:0;
    color:gray;
    text-decoration:none;
}
.mini > ul > li {
    display:block;/* reset from list-item */
    border-bottom:solid;
    text-align:right;
    overflow:hidden;/* wraps floatting element within */
}
.mini > ul > li> h3 {
    float:left;
    margin:0;
}
.mini > ul > li  ul,
.mini > ul > li  li {
    display:inline-block;
}