よくタイトルバーなどで左側にタイトルで右側に日付なり「続きはこちら」のようにテキストが左右に分けてある場合がある。まぁ場合にもよるのだろうけど。一応メモ。 text-alignで振り分ける まずはそれぞれ寄せたいテキスト…

ある案件でトップページからアンカーリンクで別ページに飛ばした時に気づいた。あれ？ヘッダーに隠れていると。このサイトはヘッダーを固定させているので、アンカーで飛ばすとコンテンツはヘッダーの下に隠れてしまう。その対処法。 ネ…

よく横並びにしたテキストのリストになっているナビゲーションを見ますが、サイトの右寄せにている事が多いと思います。 まぁサブナビゲーションのような扱いだとよく見ますが。 で今回は何がしたいかというと、テキストなど横並び要素…

皆さん、フォームをマークアップするときにこんな経験ありませんか？ フォームのラジオボックスとかチェックボックスなどの要素とそれを表す文字が微妙にずれていてなんかバランス悪いという時。 そんな時は、vertical-ali…

ブロック要素のセンター揃えは、まぁ分かりますが、今更ながら右寄せってどうやるんだっけと思ったのでメモっとく。 そんな難しいことではないので、いきなり説明しちゃいますが右寄せの場合は、マージンの左側をautoにすればいいだ…

よく画像の真横にテキストを配置するときにわざわざCSSでfloatさせて・・・などめんどくさい作業をしていたと思いますが、もっと簡単な方法があるのでメモ。下記のような感じにしたい。 displayプロパティをtable-…