WEBサイト制作で調べたことのメモ
投稿日：
このページのもくじ
デフォルトは左寄せになっています。
（１）画像をブロック要素として囲む。
ブロック要素= div・p・ul・li・dl など
ブロック要素に幅（width）を指定して画像に「margin-left: auto;」を指定
<HTML>
|
1 |
<div class="box"><img src="../jpg" alt="test" class="img-right"></div> |
<CSS>
|
1 2 |
.box {width: 700px;} .right {margin-left: auto;} |
＜デモ＞
◎右寄せのCSS設定
執筆者：kobato
関連記事
仕上がりイメージからレイアウトをコーディングするとき、マージンやボーダーなど横幅の計算がややこしくて手こずっていました（涙） そんな悩みを解消してくれるありがた〜いセレクタ「box-sising」！ …
このページのもくじ 画像の上に文字を重ねる囲んだ要素の高さがなくなる！ 画像の上に文字を重ねる 配置した画像の上に文字を重ねたいとき、CSSだけでできちゃいます！ 下になるアイテムに「position …
『IcoMoon』のWeb-FontをWebページに実装する方法
オリジナルのアイコンフォントを簡単につくれる『IcoMoon』。 自作のSVGアイコンづくりで活用していたけど、 Web-fontも使えるので実装の方法を確認しておく。 『IcoMoon』へアクセスし …
CSS ★ inline-blockで横並びにした要素を上揃えにする
CSSで横並びさせたい時によく使うのが、 display:inline-block。 でも、縦のラインがきれいに揃わないで困ることがある。 そんな時に、 たった1行追加するだけでOKなセレクタがあった …
cssのメモ。 このページのもくじ 丸形の作り方円形の中央に文字を置くやり方★その２ 丸形の作り方 基本的な方法は、 （１）div 要素で囲った範囲の上下左右のサイズを指定する（height, wid …
2019/12/02
WordPress★テーマフォルダの画像を呼び出すときの画像リンクパスを短くする
2019/11/29
WordPress★Gutenberg 投稿ページでテンプレートを使えるようにする
2019/11/29
WordPress★Gutenbergにカスタムブロックをつくる 1
2019/11/27
CSS ★ inline-blockで横並びにした要素を上揃えにする
2019/11/27