要做到网页页尾的图标logo和文字处在同一水平线，帮我写一下代码

可以使用flex布局来实现网页页尾的图标logo和文字处在同一水平线上。具体的代码如下：

HTML代码：

<footer>
  <div class="logo"><img src="logo.png" alt="logo"></div>
  <div class="text">版权所有 © 2021</div>
</footer>

CSS代码：

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background-color: #f5f5f5;
}

.logo {
  margin-right: 10px;
}

.logo img {
  height: 50px;
}

.text {
  font-size: 14px;
  color: #666;
}

在上面的代码中，我们使用了flex布局来实现页尾的水平居中和垂直居中。其中，`.logo`和`.text`两个元素都是`flex`容器的子元素。`.logo`元素设置了一个右边距`margin-right`，用来和`.text`元素分开一定的距离。`.logo img`元素设置了一个高度`height`，用来限制logo的大小。`.text`元素设置了一个字体大小`font-size`和颜色`color`。