在div中将内容居中

Question

我的.html中有4个div：

<div id="div"> 
     <div class="contenido">1</div>
</div>
<div id="divSupIzq"> 
     <div class="contenidos"><div id="textoDinamico">120 </div><div id="textoEstatico">KM/H</div></div>
</div>
    <div id="divSupDer"> 
    <div class="contenidos">zona de</br>avisos</div>
    </div>
<div id="divInfIzq"> 
    <div class="contenidos">zona de</br>informaci&oacute;n</div>
</div>

在.css中，我应用了边界-半径来给出这些div圆形的形式。我之所以应用text-align:center，是因为我希望每个div的内容都是居中的，但是如何在高度中对内容进行居中呢？？我在中给出了一些，但这是错误的，因为界面可以适应屏幕的大小(负责任的设计- css查询)，对我来说是不够的.我不知道我是否解释得很好.我试过了。对不起我的英语不好。你好，丹尼尔

Live示例：http://jsfiddle.net/cN2pS/另一个问题:您使用哪些工具来测试这些类型的应用程序以获得不同的分辨率？

Answer 1

使用一个表并为每个td中心设置对齐。

<table>
  <tr>
     <td align="center">
        Your text or elements
     </td>
  </tr>
</table>

或者将div显示设置为table-cell