HTMLの表示についての質問です。

Question

パイロットゼクストールギスⅢ このような初歩のHTMLなのですが、この状態では、画面1番上中央に「ゼクストールギスⅢ」と表示されています。これをブラウザ中央画面で表示させたいのですが、ではなく、

で囲って、更にそれを縦軸のvalignで囲ってみても、微妙に行が空くだけで、ど真ん中に表示されません。ネットでも探してみたのですが、自分の探し方が悪いらしく、参考ソースが見当たりませんでした。超初級のしょうもない質問ですが、教えて頂けると幸いです。よろしくお願い致します。

Accepted Answer

google で "html 画面中央" を検索すればいろいろな情報がえられます。

- CSSで要素を画面中央に配置する方法 [http://htdsn.com/blog/archives/css-center-position.html](http://htdsn.com/blog/archives/css-center-position.html)
- HTML 要素を画面の中央に表示する [http://qiita.com/and8-tamura/items/89000579869f1770a2cf](http://qiita.com/and8-tamura/items/89000579869f1770a2cf)
- 画面の中央にテキストや画像を表示する方法 [http://www5e.biglobe.ne.jp/access_r/hp/html/html_014.html](http://www5e.biglobe.ne.jp/access_r/hp/html/html_014.html)

![イメージ説明][WIDTH:397](28277c125e190a0019100b36e9d541e8.png)

Answer

要素は以下のものがあるの最初の、CSSは中央にテキストを配置します。

```lang-css
text-align: center;
vertical-align: middle;
```

その後、フルスクリーンサイズへの要素とすることが、上記のCSSは反対画面の位置に反映される。

```lang-css
display: block;
height: 100%;
width: 100%;
```

あなたはこれらを考えるように次のようになり

```lang-css
center {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
```

関連した質問