DIV+CSS垂直居中一个浮动元素

在一个特定的场景中，我们有一个固定高度的div容器，其中包含一个浮动的元素。我们的任务是将这个浮动元素垂直居中。

原始的HTML代码构建了一个简单的页面，其中包含一个蓝色的div容器，容器内有一个按钮元素，按钮是浮动在右侧的。我们想要将这个按钮在div中垂直居中。

要解决这个问题，我们可以采用一种方法：在按钮元素外层添加一个span标签，并对这个span标签进行浮动设置。我们需要将这个span标签的高度和行高设置为与外层div相同，以实现垂直居中的效果。

以下是修改后的HTML代码：

```html

```

现在，当你打开这个HTML页面时，你会看到按钮已经垂直居中在div容器内了。这种方法的优点是简单易行，且兼容性好。通过这种方式，我们可以轻松地将浮动元素在固定高度的容器中垂直居中。