怎么把文字放在图片右边
时间: 2023-06-18 18:08:35 浏览: 1798
有很多方法可以将文字放在图片右边,以下是其中一种方法:
1. 使用HTML和CSS来创建一个包含图片和文本的容器。
```html
<div class="container">
<img src="your-image.jpg" alt="your image">
<p>Text to be displayed on the right side of the image.</p>
</div>
```
2. 使用CSS来设置容器的样式,使其显示为行内块元素,并使用浮动属性将图片向左浮动。
```css
.container {
display: inline-block;
}
img {
float: left;
margin-right: 20px; /* 设置图片和文本之间的间距 */
}
```
3. 可以根据需要调整容器和图片的大小和位置。
```css
.container {
display: inline-block;
width: 500px;
height: 200px;
}
img {
float: left;
width: 300px;
height: 200px;
margin-right: 20px;
}
```
这样就可以将文本放在图片右侧了。
阅读全文