我试图垂直对齐左边的图像,并使用<li>创建两个列的右侧文本,如下所示:
space space space text1 space space space text1
space [image] space text2 space [image] space text2
space space space text3 space space space text3
space space space text1 space space space text1
space [image] space text2 space [image
我有一个div和另一个div在其中,在这个div中有3个<a>s,我希望内部div在外部div中水平对齐。
我怎样才能做到这一点?
外部div(Footer_Column)必须有display: inline_block和vertical-align: middle。
,看起来是这样的:
-----------------------------
| |
| i'm a link |
| i'm a long link |
我想让div2在div1的右边水平对齐。Div2还应该拉伸剩余的宽度,这是一个可变的数字(浏览器宽度)。如果我将div2宽度设置为绝对宽度(300px),我会得到正确的对齐方式,但会丢失剩余的宽度。
这应该怎么做呢?
<div id="1" style="float:left;width:100px">
the first box
</div>
<div id="2" style="float:left;width:100%">
the second box
</div&g