<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>字体样式</title>
<style type="text/css">
.aaa{ text-align: left; }
.bbb{ text-align: center; }
.ccc{ text-align: right; }
</style>
</head>
<body>
<!--
<img src="360截图20190329165056118.jpg" style="text-align: left;"><br>
<img src="360截图20190329165056118.jpg" style="text-align: center;"><br>
<img src="360截图20190329165056118.jpg" style="text-align: right;"><br>
<h3>======</h3>
<div class="aaa"><img src="360截图20190329165056118.jpg"></div>
<div class="bbb"><img src="360截图20190329165056118.jpg"></div>
<div class="ccc"><img src="360截图20190329165056118.jpg"></div>
-->
<h3>======</h3>
<span>左边1</span>
<img src="360截图20190329165056118.jpg" style="vertical-align: top;">
<span>右边1</span><br>
<span>左边2</span>
<img src="360截图20190329165056118.jpg" style="vertical-align: middle;"><br>
<br><img src="360截图20190329165056118.jpg" style="vertical-align: middle;">
<span>右边2</span><br>
<span>左边3</span>
<img src="360截图20190329165056118.jpg" style="vertical-align: bottom;">
<span>右边3</span><br>
</body>
效果展示
</html>