Как разместить текст на основе подмножества текста?

Question

У меня есть заголовок, а затем индекс с использованием HTML.

<h1> 
    $250 
    <sub> 
    5% 
    </sub> 
</h1> 

Проблема в том, что я хочу сосредоточить эту рубрику на основе $ 250, не включая 5% в div. Поэтому, если я использую центр, он подсчитывает всю ширину не только ширину, исключая суб. Я хотел бы избегать использования абсолютного позиционирования, если это возможно.

Answer 1

Я не думаю, что существует простой способ сделать это из-за того, как рассчитывается центрирование. То, что вы можете сделать, это использовать position: absolute на <sub>, так что он выходит из центрирующего потока и не влияет на центрирование. Проблема в том, что он также не зависит от vertical-align: sub, поэтому вы более или менее должны создавать этот эффект самостоятельно, используя свойства позиционирования, такие как bottom или работающие с полями.

http://jsfiddle.net/7jh5W/