Html 垂直对齐div内的链接

这是我的代码：

我一直试图在白色框内垂直对齐绿色圆圈，但我正在努力解决如何接近它

使用

垂直对齐：居中如果应用于圆，则不执行任何操作

谁能解释一下应该怎么做，以语义最正确的方式。
从
title
类中删除
display:block
属性，该属性应该会起作用。
从
title
类中删除
display:block
属性，该属性应该起作用。
从类中删除
display:block
属性
title
类，这应该可以解决问题。
从
title
类中删除
display:block
属性，这应该可以解决问题。
垂直对齐
将不适用于浮动元素，因为浮动不在文档的正常“流”中。您可以将垂直对齐与
内联
或
内联块
元素一起使用

.title{
       display: inline-block;
       vertical-align: middle;
    }

移除<代码>浮动：右侧.number

垂直对齐

的代码>将不适用于浮动元素，因为浮动不在文档的正常“流”中。您可以将垂直对齐与

内联

或

内联块

元素一起使用

.title{
       display: inline-block;
       vertical-align: middle;
    }

---

移除<代码>浮动：右侧.number

垂直对齐

的代码>将不适用于浮动元素，因为浮动不在文档的正常“流”中。您可以将垂直对齐与

内联

或

内联块

元素一起使用

.title{
       display: inline-block;
       vertical-align: middle;
    }

---

移除<代码>浮动：右侧.number

垂直对齐

的代码>将不适用于浮动元素，因为浮动不在文档的正常“流”中。您可以将垂直对齐与

内联

或

内联块

元素一起使用

.title{
       display: inline-block;
       vertical-align: middle;
    }

---

移除<代码>浮动：右侧从

.number

您需要这样更改CSS

.box {
background-color: white;
padding: 30px;
margin-bottom: 30px;
border-radius:4px;
height:30px;
}

.title {color: rgb(15, 15, 15);
font-family: myriad-pro, Helvetica, sans-serif;
font-size: 24px;
margin-bottom: 20px;
display:block;
float:left;
}

---

您需要这样更改CSS

.box {
background-color: white;
padding: 30px;
margin-bottom: 30px;
border-radius:4px;
height:30px;
}

.title {color: rgb(15, 15, 15);
font-family: myriad-pro, Helvetica, sans-serif;
font-size: 24px;
margin-bottom: 20px;
display:block;
float:left;
}

---

您需要这样更改CSS

.box {
background-color: white;
padding: 30px;
margin-bottom: 30px;
border-radius:4px;
height:30px;
}

.title {color: rgb(15, 15, 15);
font-family: myriad-pro, Helvetica, sans-serif;
font-size: 24px;
margin-bottom: 20px;
display:block;
float:left;
}

---

您需要这样更改CSS

.box {
background-color: white;
padding: 30px;
margin-bottom: 30px;
border-radius:4px;
height:30px;
}

.title {color: rgb(15, 15, 15);
font-family: myriad-pro, Helvetica, sans-serif;
font-size: 24px;
margin-bottom: 20px;
display:block;
float:left;
}

---

正如Dave Mroz所说，从

中删除
显示：block
。title

应该可以帮到你。 但是为了不让

.box

元素的原始尺寸被您摆弄，您还应该清除

.title

和

.number

之后的浮动

---

喜欢。

正如Dave Mroz所说，从

中删除
显示：block
。title

应该可以帮到你。 但是为了不让

.box

元素的原始尺寸被您摆弄，您还应该清除

.title

和

.number

之后的浮动

---

喜欢。

正如Dave Mroz所说，从

中删除
显示：block
。title

应该可以帮到你。 但是为了不让

.box

元素的原始尺寸被您摆弄，您还应该清除

.title

和

.number

之后的浮动

---

喜欢。

正如Dave Mroz所说，从

中删除
显示：block
。title

应该可以帮到你。 但是为了不让

.box

元素的原始尺寸被您摆弄，您还应该清除

.title

和

.number

之后的浮动

---

---

喜欢。

但这对额外的内容不起作用：。绿色框应该在白色框内垂直对齐。这是肯定的，但你已经更改了你的CSS代码，因为原来的文章。在您的原始示例上尝试一下，如果不起作用，请告诉我们。（旁白：你不需要上面的垂直对齐，只需要我第一次提到的更改）在我的屏幕上，你发布的fiddle没有对齐，但它实际上不适用于额外的内容：。绿色框应该在白色框内垂直对齐。这是肯定的，但你已经更改了你的CSS代码，因为原来的文章。在您的原始示例上尝试一下，如果不起作用，请告诉我们。（旁白：你不需要上面的垂直对齐，只需要我第一次提到的更改）在我的屏幕上，你发布的fiddle没有对齐，但它实际上不适用于额外的内容：。绿色框应该在白色框内垂直对齐。这是肯定的，但你已经更改了你的CSS代码，因为原来的文章。在您的原始示例上尝试一下，如果不起作用，请告诉我们。（旁白：你不需要上面的垂直对齐，只需要我第一次提到的更改）在我的屏幕上，你发布的fiddle没有对齐，但它实际上不适用于额外的内容：。绿色框应该在白色框内垂直对齐。这是肯定的，但你已经更改了你的CSS代码，因为原来的文章。在您的原始示例上尝试一下，如果不起作用，请告诉我们。（旁白：你不需要上面垂直对齐的东西，只是我第一次提到的更改）在我的屏幕上，你发布的小提琴没有对齐。这不会垂直对齐绿色框。不过：对不起，我发布答案时没有更新小提琴。请再检查一遍。这并没有垂直对齐绿色框：对不起，我在发布答案时没有更新提琴。请再检查一遍。这并没有垂直对齐绿色框：对不起，我在发布答案时没有更新提琴。请再检查一遍。这并没有垂直对齐绿色框：对不起，我在发布答案时没有更新提琴。请再检查一遍。