在CSS中，將字和圖弄到一行的方法有很多，以下是一些常見的實現(xiàn)方式：

1、使用flex布局：

.container {
  display: flex;
  align-items: center;
}
.text {
  margin-right: 10px;
}
.image {
  width: 50px;
  height: 50px;
}

在HTML中：

<div class="container">
  <div class="text">文本內(nèi)容</div>
  <img class="image" src="圖片URL" />
</div>

2、使用grid布局：

.container {
  display: grid;
  align-items: center;
}
.text {
  grid-column: 1;
}
.image {
  grid-column: 2;
}

在HTML中：

<div class="container">
  <div class="text">文本內(nèi)容</div>
  <img class="image" src="圖片URL" />
</div>

3、使用float布局：

.text {
  float: left;
  margin-right: 10px;
}
.image {
  float: right;
  width: 50px;
  height: 50px;
}

在HTML中：

<div>
  <div class="text">文本內(nèi)容</div>
  <img class="image" src="圖片URL" />
</div>

三種方式都可以將字和圖弄到一行，具體使用哪種方式取決于你的需求和布局需求。