如何用html语言让上下两个框对齐，还有字体也对齐_随笔

代码：

<html>

<head>

<style>

.login { overflow:hidden width:300px}

.login .login-item { padding:10px 0 overflow:hidden clear:both line-height:25pxpadding:0px}

.login .login-item label { float:left text-align:right width:80px}

.login .login-item div { float:left}

.login .login-tools { text-align:center}

</style>

</head>

<body>

</div>

</div>

</div>

</body>

</html>

效果：

其实这个的话你可以用表格table做这个效果。这个方法是最简单的，不用写很多CSS，甚至不用写CSS。

<table>

<tr>

</tr>

</table>

如果你想用其他的，还有就是: 这个也是自动排列左右的。

<div>

<dl>

</dl>

</div>

还有的就是用float:left或者text-align:left；进行编写了。

希望我的回答对楼主有帮助，不懂可以继续追问。

欢迎分享，转载请注明来源：内存溢出

如何用html语言让上下两个框对齐，还有字体也对齐