crop_rotate
Run
<!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</h1> <p>An <img class="a" src="https://www.closetag.com/images/sqpurple.gif" width="9" height="9"> image with a default alignment.</p> <h2>vertical-align: text-top:</h2> <p>An <img class="b" src="https://www.closetag.com/images/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="https://www.closetag.com/images/sqpurple.gif" width="9" height="9"> image with a text-bottom alignment.</p> <h2>vertical-align: sub:</h2> <p>An <img class="d" src="https://www.closetag.com/images/sqpurple.gif" width="9" height="9"> image with a sub alignment.</p> <h2>vertical-align: sup:</h2> <p>An <img class="e" src="https://www.closetag.com/images/sqpurple.gif" width="9" height="9"> image with a super alignment.</p> </body> </html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlPg0KaW1nLmEgew0KICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7DQp9DQoNCmltZy5iIHsNCiAgdmVydGljYWwtYWxpZ246IHRleHQtdG9wOw0KfQ0KDQppbWcuYyB7DQogIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTsNCn0NCg0KaW1nLmQgew0KICB2ZXJ0aWNhbC1hbGlnbjogc3ViOw0KfQ0KDQppbWcuZSB7DQogIHZlcnRpY2FsLWFsaWduOiBzdXBlcjsNCn0NCjwvc3R5bGU+DQo8YmFzZSBocmVmPSJodHRwczovL3d3dy5jbG9zZXRhZy5jb20vIiB0YXJnZXQ9Il9ibGFuayI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gOjotd2Via2l0LXNjcm9sbGJhcnt3aWR0aDo3cHg7aGVpZ2h0OjdweDt9Ojotd2Via2l0LXNjcm9sbGJhci10cmFja3tiYWNrZ3JvdW5kOiNmZmY7fTo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJ7Ym9yZGVyLXJhZGl1czo1cHg7YmFja2dyb3VuZDojMmY0NWZmO308L3N0eWxlPjwvaGVhZD4NCjxib2R5Pg0KDQo8aDE+VGhlIHZlcnRpY2FsLWFsaWduPC9oMT4NCg0KPHA+QW4gPGltZyBjbGFzcz0iYSIgc3JjPSJodHRwczovL3d3dy5jbG9zZXRhZy5jb20vaW1hZ2VzL3NxcHVycGxlLmdpZiIgd2lkdGg9IjkiIGhlaWdodD0iOSI+IGltYWdlIHdpdGggYSBkZWZhdWx0IGFsaWdubWVudC48L3A+IA0KDQo8aDI+dmVydGljYWwtYWxpZ246IHRleHQtdG9wOjwvaDI+DQo8cD5BbiA8aW1nIGNsYXNzPSJiIiBzcmM9Imh0dHBzOi8vd3d3LmNsb3NldGFnLmNvbS9pbWFnZXMvc3FwdXJwbGUuZ2lmIiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ij4gaW1hZ2Ugd2l0aCBhIHRleHQtdG9wIGFsaWdubWVudC48L3A+IA0KDQo8aDI+dmVydGljYWwtYWxpZ246IHRleHQtYm90dG9tOjwvaDI+DQo8cD5BbiA8aW1nIGNsYXNzPSJjIiBzcmM9Imh0dHBzOi8vd3d3LmNsb3NldGFnLmNvbS9pbWFnZXMvc3FwdXJwbGUuZ2lmIiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ij4gaW1hZ2Ugd2l0aCBhIHRleHQtYm90dG9tIGFsaWdubWVudC48L3A+DQoNCjxoMj52ZXJ0aWNhbC1hbGlnbjogc3ViOjwvaDI+DQo8cD5BbiA8aW1nIGNsYXNzPSJkIiBzcmM9Imh0dHBzOi8vd3d3LmNsb3NldGFnLmNvbS9pbWFnZXMvc3FwdXJwbGUuZ2lmIiB3aWR0aD0iOSIgaGVpZ2h0PSI5Ij4gaW1hZ2Ugd2l0aCBhIHN1YiBhbGlnbm1lbnQuPC9wPiANCg0KPGgyPnZlcnRpY2FsLWFsaWduOiBzdXA6PC9oMj4NCjxwPkFuIDxpbWcgY2xhc3M9ImUiIHNyYz0iaHR0cHM6Ly93d3cuY2xvc2V0YWcuY29tL2ltYWdlcy9zcXB1cnBsZS5naWYiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiPiBpbWFnZSB3aXRoIGEgc3VwZXIgYWxpZ25tZW50LjwvcD4NCg0KPC9ib2R5Pg0KPC9odG1sPg==
1
