サイトアイコン WEB-Geek-Site.com

CSS★画像を右寄せにする

画像を右寄せにする方法

デフォルトは左寄せになっています。

 

右寄せにする手順

(1)画像をブロック要素として囲む。
   ブロック要素= div・p・ul・li・dl など

ブロック要素に幅(width)を指定して画像に「margin-left: auto;」を指定

 

<HTML>

<div class="box"><img src="../jpg" alt="test" class="img-right"></div>

<CSS>

.box {width: 700px;}
.right {margin-left: auto;}

<デモ>

◎右寄せのCSS設定

 

参照サイト:http://www.hy-creative.com/blog/img-right

モバイルバージョンを終了