2019-07-19TwitterFacebookGoogle+LinkedInPocketテキストや要素をセンタリングするのにちょっくら迷ったのでこの機会にまとめておくことに。要素のサイズがわからない場合text-align:centerを使う最もカンタンと思われる方法。インライン要素にしか効かない。なんで効かないんだろうと思ったらdisplay:blockをしてされていたってことが。marginを使う横幅が決まっている要素ならコレでも良い。auto;positionを使うこれも(縦横)中央揃えする要素のサイズが決まっている時に有効です。position:fixedでもいけます。content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em;}.box{display:inline-block;vertical-align:middle;}[CSS]サイズが分からない要素を真ん中に配置するテクニックhttp://coliss.com/articles/build-websites/operation/css/css-centering-in-the-unknown-by-css-tricks.htmlfloatさせた要素をセンタリングするlistを使ったナビゲーションをセンタリングしたいときなどに。li{position:relative;float:left;left:-50%;}リスト全体(ul)を右に50%ずらし、各リスト(li)をネガディブマージンで左に50%戻す。DEMOfloatで並べたリストのセンタリングhttp://hail2u.net/blog/webdesign/centering-floated-list.html中央揃えでもいろいろなテクニックがありますね。phpMyAdminでログインパスワードを再設定する方法WordPressで、ログインパスワードがわからなくなった!というときに。