运行 ❯
获取您自己的网站
×
更改方向
保存代码
更改主题,深色/浅色
转到 Spaces
<!DOCTYPE html> <html> <head> <style> img.a { vertical-align: baseline; } img.b { vertical-align: text-top; } img.c { vertical-align: text-bottom; } img.d { vertical-align: sub; } img.e { vertical-align: super; } </style> </head> <body> <h1>The vertical-align Property</h1> <h2>vertical-align: baseline (default):</h2> <p>An <img class="a" src="sqpurple.gif" width="9" height="9"> image with a default alignment.</p> <h2>vertical-align: text-top:</h2> <p>An <img class="b" src="sqpurple.gif" width="9" height="9"> image with a text-top alignment.</p> <h2>vertical-align: text-bottom:</h2> <p>An <img class="c" src="sqpurple.gif" width="9" height="9"> image with a text-bottom alignment.</p> <h2>vertical-align: sub:</h2> <p>An <img class="d" src="sqpurple.gif" width="9" height="9"> image with a sub alignment.</p> <h2>vertical-align: sup:</h2> <p>An <img class="e" src="sqpurple.gif" width="9" height="9"> image with a super alignment.</p> </body> </html>