CSS текст не выровнен

Question

CSS текст не выровнен

0

У меня проблема с центрированием текста внутри моего div. Может кто-то, пожалуйста, помогите мне выровнять этот текст в центре коробки

Вот мой css:

#btc-container {
    height: 50px;
    width: 150px;
    background: orange;
    border: 2px solid;
    border-radius: 25px;
    bottom: 50px;
    left: 0px;
    border-style: ridge;
}

#btc-price {
    color: black;
    font-family: digital-7;
    font-size: 30px;
    alignment-adjust:middle;
}

и вот что я имею в HTML:

<div id="btc-container">
    <div id="btc-price">930.1234</div>
</div>

user3038431 13 дек. 2013, в 21:35

Источник

1

Пожалуйста, размещайте визуализированный HTML, а не PHP.
j08691 13 дек. 2013, в 20:12
0

выравнивания текста: центр;
Rachit Mishra 13 дек. 2013, в 20:12

Теги:

html

css

4 ответа

0

Вот скрипка: http://jsfiddle.net/digitalextremist/QXT5B/

Измененный CSS:

#btc-container {
height: 40px;
width: 130px;
background: orange;
border: 2px solid;
border-radius: 25px;
bottom: 50px;
left: 0px;
border-style: ridge;
padding: 5px 15px;
text-align: center
}

digitalextremist 13 дек. 2013, в 19:12

0

чтобы центрировать выравнивание текста, используйте text-align: center. Для вертикального выравнивания это становится более сложным (особенно если вы хотите использовать кросс-браузер и/или нуждаетесь в поддержке старых браузеров), но простой способ вертикально центрировать текст внутри div, если вы знаете, что только одна строка использует line-height подобную line-height:50px в вашем случае

Rodolfo 13 дек. 2013, в 17:45

0

http://jsfiddle.net/isherwood/uN2Dt/

#btc-price {
    text-align: center;
    margin-top: 8px;
}

isherwood 13 дек. 2013, в 17:34

Ещё вопросы

Пожалуйста, размещайте визуализированный HTML, а не PHP.

Hardy · Accepted Answer · 2013-12-13T18-17-00.000Z

Просто измените свой css следующим образом:

#btc-price {
color: black;
font-family: digital-7;
font-size: 30px;
text-align: center;
line-height: 50px; // or what ever is your button height 
}