Joomla Первые шаги

 

<table style="width:100%;"><tr>
<td style="width:200px;">Ваш текст</td>
<td style="text-align:center; border:1px solid blue;"><div style="display:inline-block; border:1px solid blue;">Ваш текст<div></td>
</tr></table>

Получись так

Ваш текст

Ваш текст

<div style="background:#ccc; width:100%; height:111px;">
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0"><tr><td align="center" valign="middle">
Текст в центре
</td></tr></table></div>




Текст в центре

<div style="background:#ccc; width:100%; height:111px; text-align:center;">
<div style="padding:45px 0 0 0;">
Текст в центре
</div></div>

Получись так

Еще вариант

<div style="background:#ccc; width:100%; height:111px; text-align:center;" id="heigh">
<div id="paddin" style="padding:0;">
Текст в центре
</div></div>
<script type="text/javascript"><!--
document.getElementById("paddin").style.paddingTop=
Math.round(parseInt(document.getElementById("heigh").style.height)/2)-10+"px";
--></script>

 

 

 

<style>
.wrap {
display: table-cell;
vertical-align: middle;
text-align:center;
width: 501;
height: 401px;
border:solid;
}
.ieotstoy {
display: none;
width: 1px;
margin-left: -1px;
}
* html .ieotstoy, * html .valign-center {
display: inline-block;
vertical-align: middle;
}
* html .valign-center {
width: 100%;
}
* html .ieotstoy {
height: 100%;
}
* html .ieotstoy, * html .valign-center {
display: inline;
}

</style>
<div class="wrap">
<div class="valign-center">
<p>Text Text Text Text</p>
<p>teeeeeeexxxxxxxxxxxxxxxxxxxxxxxxxxxxxxttttttttttttttttttttttttt </p>
</div>
<div class="ieotstoy"></div>
</div>