2个div以html页面为中心

时间:2016-11-23 21:49:04

标签: html layout center

我尝试更好地布局我的网页,所以我想在我的html页面的中心放置两个div。我无法访问我的css文件。是否可以在没有css的html代码中将两个div放在一页上?

这是我的代码:



<div style="width: 100%;">
<div style="; width: 100%;">
<h1 style="text-align: center;">This is Web Page Main tit</h1>

<div style="position: relative;
   float: left;
   left: 0px;
   width: 470px;
   height: 470px;
   margin: 0 auto;
   background-color: #828282">
<div><strong>Main Menu</strong></div>
  </div>

<div style="position: relative;
   float: left;
   margin: 0 auto;
   left: 0px;
   width: 470px;
   height: 470px;
   background-color: #828282">
<p>oke and Managerial Tutorials</p>
</div>

</div>
<div style="background-color: #b5dcb3; clear: both;">Here text</div>
</div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

我知道你可以尝试使用<center> html标记,将它放在</center>你想要居中的div之前和之后,或者如果你仍然可以改变你的内联样式,那就去掉浮动,清除和定位并添加

div {
  margin: auto;
}

你也有一个迷路分号<div style=";width: 100%;">

答案 1 :(得分:0)

在页面中央对齐的两个ProductID SupplierID AccountID 1 5 2 2 6 NULL 3 NULL NULL 彼此相邻:

<div>