CSSデザインツールを教えて下さい。

私はプログラミングは得意です。(もう何百万行書いてきたか覚えていません)
なのでHTMLなんて寝ながらでも書けるのですが、
CSSが苦手なのです。

例えば、<画像><画像の説明>、というパーツがあった場合、
<画像の説明>を<画像>の上下中央に配置したいけど、やり方が分からない
→ググル
→display: table-cell;でvertical-align: middle;すればいいよ
→やってみる
→崩れる
→またググル
の繰り返しです。
たったこれだけのCSS編集に１時間もかかってしまいます。

そこで、部分的なパーツをスタイリッシュにGUI操作＋値指定などで、
楽に作成できるCSSデザインツールを探しています。

よくある、テンプレートを選んで中の文字や画像を差し替えて・・・、といった類のものではなく、
もう少し細かい粒度(例

の全体をターゲットとした)でパーツレベルで楽にＣＳＳが作成できる、CSSデザインツールが良いのです。

お勧めのものを教えて下さい。
なお、無料を求めています。（が、良ければ買います）

宜しくお願いします。