Html CSS未将文本放置在DIV asp.net c的中间

我有下一页。我很难用qss把qTebug中的文本放到div的中间。

#QDetails{
   height:25px; 
   top:40px; 
   background-color:white; 
   text-align:center; 
   font-size:small; 
   border-color:black; 
   border-width:2px; 
   border-style:solid; 
   font-family: Arial, Helvetica, sans-serif; 
   vertical-align:middle;
}

我设法控制了它，但没有把它放在中间。我试过垂直对齐：中间对齐；但是没有快乐。请问我做错了什么？

垂直对齐：据我所知，中间对齐仅适用于表格

如果在样式定义中包含以下内容，则应该可以使用：线条高度：25px

删除top:40px不执行任何操作，并像下面那样应用线条高度属性

#QDetails{
height:25px; 
background-color:white; 
text-align:center; 
font-size:small; 
border:2px solid black;
font-family: Arial, Helvetica, sans-serif; 
line-height:25px;
}

试试这个

在div内创建一个span，然后将文本设置为span，如下所示

<div id="QDetails">
    <span id="msg"></span>
</div>

---

试试这个。这将使其精确。

这与asp.net有什么关系？可能重复使用线高度等于高度：嗨，苏雷什。是的，这是可行的，但一旦你把图像放回原处，同样的事情就会发生。没有欢乐，我恐怕是甘尼什。仍然产生相同的。我很抱歉没有在你身上工作，但检查这个小提琴相同的代码它的工作完美。。。我看到你现在摆弄小提琴，告诉我你到底想把哪个元素居中对齐。当它只是文本时，它看起来还可以，但是当div中也有需要的图像时，文本会转到底部。好的，等等。所以你也需要将图像与文本对齐？？

#QDetails
{
   height:25px; 
   top:40px; 
   background-color:white;
   font-size:small; 
   border-color:black; 
   border-width:2px; 
   border-style:solid; 
   font-family: Arial, Helvetica, sans-serif; 
   display: table;
   text-align:center;
}

#msg
{
   display: table-cell;
   vertical-align: middle;
}