Html 我的div没有水平对齐

Html 我的div没有水平对齐,html,css,Html,Css,我在display:inline块中使用了两个div,但它们不是水平对齐的 如果我使用相同的信息、文本和图像创建div,则div对齐,但如果文本多于另一个,则在某些div中不对齐 我附上示例图像和实现的代码 谢谢你的帮助 CSS: HTML: 证书 为设备和设备的超级管理提供认证 联合国 在安全问题上,联合国难民署和法布里卡叛逃组织的成员国代表团对该地区的安全进行了调查。 尝试垂直对齐:顶部 您编写代码的方式可能会更好。。您可以使用各种方法修复它。看我的选择 证书 为设备和设备的超级

我在display:inline块中使用了两个div,但它们不是水平对齐的

如果我使用相同的信息、文本和图像创建div,则div对齐,但如果文本多于另一个,则在某些div中不对齐

我附上示例图像和实现的代码

谢谢你的帮助

CSS:

HTML:



证书 为设备和设备的超级管理提供认证
联合国 在安全问题上,联合国难民署和法布里卡叛逃组织的成员国代表团对该地区的安全进行了调查。
尝试垂直对齐:顶部


您编写代码的方式可能会更好。。您可以使用各种方法修复它。看我的选择


证书
为设备和设备的超级管理提供认证
联合国
在安全问题上,联合国难民署和法布里卡叛逃组织的成员国代表团对该地区的安全进行了调查。

您已经对css部分进行了更改

.serv\u op{
-moz边界半径:20px;
-webkit边界半径:20px;
边界半径:20px; 边框:1px实心#999; 高度:330px; 文本对齐:居中; 背景:#E2E1; 显示:内联块;
width:350px;float:left;margin left:10px;}

div在渲染时开始一条新行,尝试使用一个span来代替,这不会发生。@i明智地操作将显示样式更改为
内联块
。我不好,没关系。谢谢你的回答
.serv_op{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;    
    border-radius: 20px;
    border: 1px solid #999; 
    height:330px;
    text-align:center;
    background:#E2E2E1;
    display:inline-block;
    width:350px;
}
<div align="center" class="serv_op">
    <br>
    <img src="img/certificado.jpg">
    <div style="clear:both"></div>
    <div class="serv_titulo_op">CERTIFICADOS</div>
    <div style="clear:both"></div>
    <div class="serv_text_op">Estamos certificados por la SUPER INTENDENCIA DEVIGILACIA  Y SEGURIDAD PRIVADA </div>
</div>  

<div align="center" class="serv_op">
    <br>
    <img src="img/certificado2.jpg">
    <div style="clear:both"></div>
    <div class="serv_titulo_op">UN AÑO DE GARANTÍA</div>
    <div style="clear:both"></div>
    <div class="serv_text_op">En Security On siempre estamos pensando en su bienestar y en el de su establecimiento, por eso te ofrecemos  un año de garantía por defecto de fábrica.</div>
</div>  
<div class="serv_op">
  <img src="img/certificado.jpg" />
  <div class="serv_titulo_op">CERTIFICADOS</div>
  <div class="serv_text_op">Estamos certificados por la SUPER INTENDENCIA DEVIGILACIA  Y SEGURIDAD PRIVADA </div>
</div>  

<div  class="serv_op">
  <img src="img/certificado2.jpg" />
  <div class="serv_titulo_op">UN AÑO DE GARANTÍA</div>
  <div class="serv_text_op">En Security On siempre estamos pensando en su bienestar y en el de su establecimiento, por eso te ofrecemos  un año de garantía por defecto de fábrica.</div>
</div>