Aligner la ligne de base du texte avec un bouton en CSS

Je voudrais réaliser l’un des deux alignements représentés sur cette image: représentation du problème . CSS3 est ok ou même mieux si cela rend les choses plus simples.

Mon principal problème est que j’ai réussi à aligner une div contenant le texte avec le bouton, mais le texte lui-même est aligné avec le haut du div et non le bas.

Je pense que ce que vous recherchez est vertical-align: text-bottom;

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

Vous pouvez utiliser: line-height !

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

some text