You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.0 KiB
38 lines
1.0 KiB
10 months ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8"/>
|
||
|
|
<meta name="viewport" content="width=device-width"/>
|
||
|
|
<style>
|
||
|
|
h2 {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.img-middle {
|
||
|
|
vertical-align: middle;
|
||
|
|
margin: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.img-top {
|
||
|
|
vertical-align: top;
|
||
|
|
margin: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.img-bottom {
|
||
|
|
vertical-align: bottom;
|
||
|
|
margin: 10px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h2>CSS text-image align</h2>
|
||
|
|
vertical-align:top
|
||
|
|
<img class="img-top" src="https://cdn3.iconfinder.com/data/icons/logos-brands-3/24/logo_brand_brands_logos_total_commander-256.png">
|
||
|
|
<hr>
|
||
|
|
vertical-align:middle
|
||
|
|
<img class="img-middle" src="https://cdn3.iconfinder.com/data/icons/logos-brands-3/24/logo_brand_brands_logos_total_commander-256.png">
|
||
|
|
<hr>
|
||
|
|
vertical-align:bottom
|
||
|
|
<img class="img-bottom" src="https://cdn3.iconfinder.com/data/icons/logos-brands-3/24/logo_brand_brands_logos_total_commander-256.png">
|
||
|
|
</body>
|
||
|
|
</html>
|