div要素を画面の左右中央に配置する方法

 

説明

div要素を画面の左右中央に配置する方法です

環境

  • HTML
  • HTML5
  • CSS
  • CSS3

 実装

<div style="font-size:large;" class="sample2">                                                                                                                                       
Hello World   
</div>

.sample2{
  top: 10px;
  padding: 20px 0;
  text-align: center;
}