Свойство vertical-align

Вертикальное выравнивание inline / table-cell элементов в блоке

vertical-align: center;
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Значения

vertical-align: top;

Возможные значения: baseline, sub, super, text-top, text-bottom, middle, top, center, bottom

<style>
.table-1 {
    border-collapse: collapse;   
}
.table-1 td {
    border: 1px solid #ccc;
    vertical-align: top;   
    padding: 5px 15px;
}
</style>
<table class="table-1">
    <tr>
        <td>Дмитрий</td>
        <td>info@mail.com <br>273819283</td>
        <td>22.12.2019</td>
    </tr>
</table>
Дмитрий info@mail.com
273819283
22.12.2019
vertical-align: center;
<style>
.table-2 {
    border-collapse: collapse;   
}
.table-2 td {
    border: 1px solid #ccc;
    vertical-align: center;   
    padding: 5px 15px;
}
</style>
<table class="table-2">
    <tr>
        <td>Дмитрий</td>
        <td>info@mail.com <br>273819283</td>
        <td>22.12.2019</td>
    </tr>
</table>
Дмитрий info@mail.com
273819283
22.12.2019
vertical-align: bottom;
<style>
.table-3 {
    border-collapse: collapse;   
}
.table-3 td {
    border: 1px solid #ccc;
    vertical-align: bottom;   
    padding: 5px 15px;
}
</style>
<table class="table-3">
    <tr>
        <td>Дмитрий</td>
        <td>info@mail.com <br>273819283</td>
        <td>22.12.2019</td>
    </tr>
</table>
Дмитрий info@mail.com
273819283
22.12.2019

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии