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;
}
藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

ホーム