//将图片设置为靠左 img { float: left; margin-right: 10px; } //将文字设置为靠右 p { text-align: right; }
如上代码所示,大家可以利用CSS的float属性将图片靠左,并且给它一个右边的margin值。接下来,大家再将文字设置为靠右,利用text-align属性即可实现。
除了以上方法外,还有其他的布局方式,例如使用Flexbox等。但是无论使用何种方式,都需要考虑兼容性和可读性的问题,同时尽量避免使用过多的无意义标签,保持简洁明了的代码结构。