css

flexを使います
親要素に以下を設定します

これだけでオッケー!
場合によっては
text-align: center;
を抜いたほうが良いかもしれません

css

これで解決できました

html {
overflow-x: hidden;
}

css, jquery

こんな感じで大雑把にanimationを設定していると

jQueryとバッティングしてしまい、期待通りの動きをしません。

jQueryでアニメーションをつける時は、cssのtransitio

css

cssのtop,left,right,bottomは初期値が「auto」ですが、
positionにrelative、absolute、fixedを設定するとtop,left,right,bottomに自動的に値が入ります。 ...

css

display:table-cell、line-heightを設定して下さい。

css, javascript, プログラム

after擬似要素の付いている要素にappendすると、afterが分裂します。
appendすると、appendした要素の後にafterがもう一度発生するためこのようなことが起こります。
(chromeで確認済み。他 ...

css

iphoneのサファリは自動的に文字サイズを拡大するという機能があります。
また、line-heightは文字サイズから高さ(行間)を計算します。
つまりiphoneでのline-heightはPC版よりも大きい数値に ...

css, web

はみ出した部分を三点リーダにする技がありますが、インライン要素には効かない事に注意です。

こういう時、

はダメです。
必ずブロック要素に掛けるようにしましょう。

もしくは、display:i ...