插入图片的button和有字体的botton不再一条水平线上怎么办

如果插入图片的按钮和带有字体的按钮不再一条水平线上，可以尝试以下解决方法：

1. 使用CSS样式调整按钮的布局：通过设置按钮的display属性为"inline-block"，可以使按钮水平排列。例如：

button {
  display: inline-block;
}

2. 使用Flexbox布局：使用Flexbox可以更灵活地控制元素的布局。将按钮包含在一个Flex容器中，并设置相关的Flex属性来调整按钮的位置。例如：

.container {
  display: flex;
  justify-content: center; /* 水平居中对齐按钮 */
  align-items: center; /* 垂直居中对齐按钮 */
}

<div class="container">
  <button>插入图片</button>
  <button>有字体的按钮</button>
</div>

3. 使用表格布局：将按钮放置在一个表格中，每个按钮作为一个单元格。这样可以确保按钮在水平方向上对齐。例如：

<table>
  <tr>
    <td><button>插入图片</button></td>
    <td><button>有字体的按钮</button></td>
  </tr>
</table>

通过以上方法，您可以调整按钮的布局，使其在水平方向上对齐。根据具体情况，选择适合的方法进行布局调整