HTML шаг пядь к максимальной стороне внутри h3

Question

У меня есть этот кусок кода:

HTML:

<h3 class="section_title">Lorem ipsum <span class="c">Text</span></h3> 

CSS:

.main_description .section_cost .section_title { 
    font-size:  18px; 
    border-bottom: 1px solid #ffffff; 
    padding-bottom: 5px; 
    margin-right: 60px; 
} 

Я хочу, чтобы переместить текст в пролете на максимальную правую сторону подчеркивания h3, даже если я изменяю текст внутри пролета более длинным или коротким.

Image

Answer 1

Установите right атрибут:

right: 0; 
position: relative; 

Это устанавливает смещение от правой стороны.

Edit:

Я забыл о настройке позиции, а также.

Answer 2

вы можете использовать float

span{float: right} 

Вот что-то об этом CSS Layout - float and clear