W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!DOCTYPE html> <html> <head> <style> img.top { vertical-align: top; } img.middle { vertical-align: middle; } img.bottom { vertical-align: bottom; } </style> </head> <body> <p><img src="/i/w3logo-3.png" alt="W3Cstudy" width="180" height="167"> デフォルトの配置の画像。 </p><br> <p><img class="top" src="/i/w3logo-3.png" alt="W3Cstudy" width="180" height="167"> 上揃えの画像。 </p><br> <p><img class="middle" src="/i/w3logo-3.png" alt="W3Cstudy" width="180" height="167"> 中央揃えの画像。 </p><br> <p><img class="bottom" src="/i/w3logo-3.png" alt="W3Cstudy" width="180" height="167"> 下揃えの画像。 </p> </body> </html>