Вопрос про CSS

У меня возникла проблема с правильным расположением вещей. В идеале я хотел бы указать цену, затем количество и кнопку «Добавить в корзину». Вот как мой сейчас выглядит:
http://i.imgur.com/1BcVWg5.png

Вот мой CSS для каждого на данный момент: Коробка:

input.button{font-size:100%;margin:0;line-height:1;cursor:pointer;position:relative;font-family:inherit;text-decoration:none;overflow:visible;padding:.618em 1em;font-weight:700;border-radius:3px;float:right;color:#515151;background-color:#ebe9eb;border:0;white-space:nowrap;display:inline-block;background-image:none;box-shadow:none;-webkit-box-shadow:none;text-shadow:none}

Код (наценка): Цена:

  style="max-width:60px;float:right" 

Код (наценка): Количество:

  {line-height:1.8} 

Код (разметка): В корзину:

  style="border:4px solid #ccc; padding: 12px;" 

Код (разметка): Любая помощь приветствуется!

Это МНОГО CSS, чтобы выстроить в ряд три элемента в поле... На самом деле вам ничего из этого не нужно (ну, почти). Посмотрите здесь:
https://jsfiddle.net/zyaauu3c/

Не просто много CSS, а много INLINED CSS, что автоматически означает, что вся кодовая база, вероятно, является мусором. Конечно, CSS без разметки, к которой он применяется, — это просто тарабарщина.

Если бы я был рядом с тобой, я бы сделал это вот так...

 <style>
.align{
display:inline-block;
}
</style>

<div class="align">box</div>
<div class="align">price</div>
<div class="align">quantity</div>
<button class="align"></button>

Код (разметка):