如何对齐链接

时间:2014-06-06 13:19:02

标签: html css

我想要完成的例子:http://www.headfirstlabs.com/books/hfwd/ch09/#

如您所见,他们将“RPM Music”放在左侧,将Links放置在右侧 并且他们都完美地对齐,但每次我尝试做同样的事情我的链接总是最终 在右下角或做一些奇怪的事情。他们也使用Blueprint.css,我不想使用任何一个可以有人请给我一些提示。

1 个答案:

答案 0 :(得分:0)

所以不雅的方式就是:

div.wrapper {
 float: left;
 some styles
}

div.linkWrap {
float: left;
some other styles
}


<div class="wrapper">
    <div class="image">img</div>
    <div class ="linkWrap">
        <div class="link"><a href="">some link</a></div>
        <div class="linkBody">some text</div>
    </div>
</div>