Выровнять исходную строку текста с помощью кнопки в CSS

Я хотел бы получить одно из двух выравниваний, представленных на этом изображении: . CSS3 в порядке или даже лучше, если он упрощает процесс.

Моя основная проблема заключается в том, что мне удалось выровнять один div, содержащий текст, с помощью кнопки, но сам текст выравнивается с вершиной div, а не снизу.

Ответ 1

Я думаю, что вам нужно vertical-align: text-bottom;

http://jsfiddle.net/EQgFF/3/

Ответ 2

Вы можете использовать: line-height!

.box {
  color: #fff;
  background: #444;
  height:      40px;  
  line-height: 40px; /* Same as height  */
}

<p class="box">some text <input type="button" value="Button" /></p>