|
|
アイコンなどの画像と文字の位置をそろえる |
|
|
見出しなどで題名の横にアイコンを表示しようとした場合に位置がずれる場合があります。
表に入れる事でも位置のずれを修正できますが、画像にスタイルを適用する事でも修正できます。
ただし、ブラウザによってはこれでも位置がずれる可能性があります。
|
|
|
位置がずれている例 |
画像を配置して横に文字を入力すると下のように画像が若干上にずれます。
スタイルを一箇所指定するだけで、このずれを修正する事ができます。
ずれている例
|
スタイルの適用 |
調整したい画像を右クリックし 「スタイルの設定」 をクリックします。

文字のレイアウトタブをクリックし、「垂直方向の配置」の矢印を何度かクリックし
「中央」 にしたら 「OK」ボタンを押します。

適用したら、プレビュー画面でずれが修正されているか確認しておきます。
実際に適用すると下のようになります。
ずれている例
スタイルを適用した例
|
|
|
|
|
|