Вопрос про CSS

[Ceruotob44]

У меня возникла проблема с правильным расположением вещей. В идеале я хотел бы указать цену, затем количество и кнопку «Добавить в корзину». Вот как мой сейчас выглядит:
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;"
Код (разметка): Любая помощь приветствуется!

 

[spazgan]

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

 

[artich4]

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

Конечно, CSS без разметки, к которой он применяется, — это просто тарабарщина.