Html can'；t使文本在两个css水平框中对齐_Html_Css

Html can'；t使文本在两个css水平框中对齐

html css

Html can'；t使文本在两个css水平框中对齐,html,css,Html,Css,我（希望）尝试在两个div框中水平对齐文本，但正如您在下面看到的，我没有这样做。请帮忙，我看不出我做错了什么 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <style> .left-div { vertical-align:top; float: left

我（希望）尝试在两个div框中水平对齐文本，但正如您在下面看到的，我没有这样做。请帮忙，我看不出我做错了什么

        <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.left-div {
    vertical-align:top;
    float: left;
    width: 400px;
    height: 250px;
        }
.right-div {
    vertical-align:top;
    margin-left: 400px;
  }
</style>
</head>
<body>
<div class="left-div">
<H2> Telephone:</H2>
<strong>Mobile: </strong>     123456789<br />
<strong>Office: </strong>     123456789(answer service)<br />
<strong> Email: </strong><a href="mailto:bg@hotmail.co.uk" style="text-decoration:none;">pgbathrooms@hotmail.co.uk</a>
</div>

<div class="right-div">
<H2>Address:</H2>
house<br />
town<br />
county<br />
</div>
</body>
</html>


无标题文件
.左分区{
垂直对齐：顶部；
浮动：左；
宽度：400px；
高度：250px；
}
.右分区{
垂直对齐：顶部；
左边距：400px；
}
电话：
手机：123456789

办公室：123456789（应答服务）

电子邮件：
地址:
房子

城镇

县

这里有一个

实际上，您遇到的问题是，这是因为您的

h2

具有页边顶部，它反映在一个div中，而不是另一个div中

垂直对齐不适用于块级图元，仅适用于内联块或内联图元

您可以做以下两件事之一：

从h2:

divh2{margin top:0；}

你可以在div的顶部加上填充物，让边距有点“突出”

按以下方式更改css可以解决此问题：

.left-div {
    float: left;
    width: 400px;
    height: 250px;
    padding-top: 1px;
}

.right-div {
    margin-left: 400px;
    padding-top: 1px;
}

如何对齐？垂直居中？对不起，让文本在两个框之间水平对齐。从答案来看，你的意思是垂直对齐。