2 divsをHTMLページの中央に配置

Question

私は自分のWebページのレイアウトを改善しようとしています。そのため、HTMLページの中央に2つのdivを配置します。私は自分のCSSファイルにアクセスできない。 CSSなしでHTMLコード内の1つのページに2つのdivを配置することは可能ですか？

これは私のコードです：私はあなたが中心にしたいのdivの前と</center>後にそれを置く、あなたが試すことができ<center> htmlタグがあることを知っている

<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>

Answer 1

を持っている：

<center> 
<div> 
<div style="display: inline-block"> 
<!-- div 1 contents -->  
</div> 
<div style="display: inline-block"> 
<!-- div 2 contents --> 
</div> 
</div> 
</center> 

Answer 2

場合、またはおそらくインラインスタイルを変更したり、浮動小数点数を削除したり、クリアしたり、配置したり、追加したりすることができます。

div { 
    margin: auto; 
} 

はまた、あなたはあなたのページの中央に揃え隣同士に2 <div>さんのために浮遊セミコロン<div style=";width: 100%;">