CSS中的一个行距问题

来源：百度知道 编辑：UC知道 时间：2024/05/27 14:41:28
<html>
<head>
<title>
测试
</title>
<style type="text/css">
<!--
#box {
height:500px;
margin:100px;
border:15px gold solid
}
#header {
line-height:normal;
vertical-align: text-bottom;
}
hr{
width:650px;
color:orange
}
-->
</style>
</head>
<body>
<div id="box">
<div id="header">
<h1>
   height
<hr noshade>
</h1>
</div>
</div>
</body>
</html>
____________________________________________
大家帮忙看下上面的代码,里面的 height 与下面的一个水平线的行距怎么设置不了呢?
谁能帮帮我?
谢谢...

<html>
<head>
<title>
测试
</title>
<style type="text/css">
<!--
#box {
height:500px;
margin:100px;
border:15px gold solid
}
#header {
line-height:normal;
vertical-align: text-bottom;
}
hr{
width:650px;
color:orange
}
-->
</style>
</head>
<body>
<div id="box">
<div id="header">
<h1>height</h1>
<hr noshade>
</div>
</div>
</body>
</html>