GitHubのトップページで中央揃え

元々、Qiitaに書いていた記事を再掲します。

私の書いたQiita側の記事はアカウント削除と共に消しました。

※Zenn.devで最初の記事として説明を書きます。

GitHubでアカウント名でプロジェクトを作るとトップページに表示できます。

<!-- go_straightのREADMEを例にします -->
<div align="center">
<img src="https://github.com/takkii/photo/blob/main/images/python_ruby.gif" alt="PythonとRuby" title="logo">
</div>

上記のようにdivタグでalign=centerを指定し、画像の指定をします。

<!-- 指定の仕方の説明 -->
<div align="center">
<img src="画像のURL" alt="画像の説明" title="タイトル">
</div>

このように、指定することでGitHubのトップページで画像を中央揃えができます。

markdown記法とタグを混ぜることはできません。別々に使用することはできます。

タグで表を作ったときも、中央揃えにできます。markdown記法で中央揃えは例を見なかったと想います。

※ markdown記法で中央揃えをググって検索に引っかからないだけかもしれません。

こうしたいときに、サッと中央揃えができると画像と文章がきれいに見えますね。

※ go_straight プロジェクトです。中央揃えした画像をみることが出来ます。