Помогите сломала голову)

[bukarovalogin 3]

Как сделать, чтобы цена была расположена так же как и картинка четко в углу, но только справа. Т.е картинка слева, а цена также только справа, а текст внутри переносился на несколько строк, если ему места не хватает и не отодвигал вниз цену. ?????????? Приложен код

Вот как сейчас

Вот как надо

ВОТ HTML

[head]

<div class="new_block">

[/head]

[line]

<div class="one_diski">{image}

<a href="{good_url}" title="{name}">{name}</a>

[price]<span>{price}<span>[/price]

</div>

[/line]

[foot]

</div>

[/foot]

ВОТ CSS

/* стилизация блоков поступлений. Вывод дисков блоками */

.one_diski {

    float: left;

    border: 1px solid #A31B16;

    background: #ededed;

    padding: 5px;

    width: 92%;

    height: 100%;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

   }

.one_diski img {

    float: left;

    border: 1px solid #A31B16;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    margin-right: 5px;

   }

.one_diski a {

    text-decoration: none;

    font-weight: bold;

    font-size: 18px;

    float: left;

    margin-right: 5px;

   }

.one_diski span {

    font-weight: bold;

    font-size: 54px;

    float: right!important;

    background-color: #A31B16;

    color: #fff;

    padding: 10px 0 30px 7px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    font-family: georgia;

margin: 5px 5px 5px 50px;

   }

Заранее огромное спасибо!

Изменено 5 марта 2014 пользователем bukarovalogin

[Lomot 134]

Наверно так?

[head]

<div class="new_block">

[/head]

[line]

<div class="one_diski">{image}

[price]<span>{price}<span>[/price]

<a href="{good_url}" title="{name}">{name}</a>

</div>

[/line]

[foot]

</div>

[/foot]

[bukarovalogin 3]

Наверно так?

[head]

<div class="new_block">

[/head]

[line]

<div class="one_diski">{image}

[price]<span>{price}<span>[/price]

<a href="{good_url}" title="{name}">{name}</a>

</div>

[/line]

[foot]

</div>

[/foot]

Вот что получилось:

Если сужаю

А вот растянуто

Непонято((((

[Lomot 134]

.one_diski a {

    text-decoration: none;

    font-weight: bold;

    font-size: 18px;

    float: left;

    margin-right: 5px;

   }

убрать

float: left;[/code]

[bukarovalogin 3]

.one_diski a {

	text-decoration: none;

	font-weight: bold;

	font-size: 18px;

	float: left;

	margin-right: 5px;

   }

убрать

float: left;[/code]

Не получилось все равно обводится весть текст от цены заливкой. Что уже только не пробывала делать ничего не помогает(((

Уууура победила) В теге <span> в html не стоял закрывающий тег, вместо него был <span>, а не </span> Вот такая я невнимательная))))