CSS-实现图片靠左、靠右、居中显示

通过在img标签外包一层具有text-align属性的元素，把图片当做文字来处理，如下：

<div>
				<img src="images/top1.jpg" alt="这是一个图片">
			</div>
			<p>
				<img src="images/top2.jpg" alt="这是一个图片">
			</p>

div div{
	text-align: center;
}
p{
	text-align: left;
}
img{
	width: 20%;
	border-radius: 20px;
}