Тема: Розміщення тексу по центрі відносно інших елементів

Як зробити так щоб слово "Текст" розташувалось по центрі відносно кнопок,
на малюнку 1 - це так як зараз є
2 - так як я хочу зробити
html

<samp id="button">
    <input type="button" value='3'>
    <input type="button" value='4'>
</samp>
<samp class="mess" style="border: 2px solid red;margin-top: 100px;">
       Текст
</samp>

css

.mess
{
    height: 50px;
    font-size: 24px;   
}
Post's attachments

Без імені.png 2.99 kb, 184 downloads since 2015-02-04 

2 Востаннє редагувалося Анатолій (04.02.2015 21:01:53)

Re: Розміщення тексу по центрі відносно інших елементів

в мене заготовка є, щоб не морочитись часом просто копіюю: верх низ центр


align="center"
align="middle"
align="right"
align="left"
align="justify"
valign="top"
valign="bottom"

взагалі  align="middle" чомусь не доводилось застосовувати. але можеш проексперементувати :)

а так поскільки сторінка фіксована то padding-top:скількись чи  margin-top:скільки_потрібно

<samp class="mess" style="border: 2px solid red;margin-top: 100px; padding-top: задаєш_наприклад 5 px">
       Текст
</samp>
Подякували: Betterthanyou1

3

Re: Розміщення тексу по центрі відносно інших елементів

Vertical align anything with just 3 lines of CSS
CSS Vertical Centering
Understanding vertical-align, or "How (Not) To Vertically Center Content"
6 Methods For Vertical Centering With CSS
Absolute Horizontal And Vertical Centering In CSS

Подякували: Betterthanyou1

4

Re: Розміщення тексу по центрі відносно інших елементів

Дякую за допомогу

5

Re: Розміщення тексу по центрі відносно інших елементів

Якщо height:50px можна задати line-height:50px(+-2).
Ібуде щастя

Подякували: Faraon1