divを親divの右側と中央に配置する方法

Question

divに問題があります。私は、リンク "Go"を右揃えにし、親divの垂直中央にしたいと思います。私はいくつかの方法を試みたが、まだ成功していない。あなたは、より良いアイデアを持っていると私は私の問題を解決できる方法を知っていれば

div.row { 
 
    position: relative; 
 
    border-bottom: 1px dotted #999999; 
 
} 
 
div.list div.name { 
 
    float: left; 
 
    width: 40%; 
 
} 
 
div.list div.info { 
 
    float: left; 
 
    width: 60%; 
 
} 
 
div.list div.action { 
 
    display: inline-block; 
 
    text-align: right; 
 
    vertical-align: middle; 
 
}

<div class="list"> 
 
    <div class="row"> 
 
    <div class="name"> 
 
     <span>1</span> 
 
     <br /> 
 
     <a href="1.php">1</a> 
 
     <br />(2015-09-30) 
 
    </div> 
 

 
    <div class="info"> 
 
     <b>Place:</b> 
 
     <br />Now 6 
 
     <br />Later 32 
 

 
     <div class="action"> 
 
     <a href="1go.php">Go</a> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

だから、私は聞くのが大好きだ：

そして、ここでは、あなたは私のHTMLとCSSのコードを見ることができます。

可能であれば、私はクロスブラウザソリューションを探しています。今回はJavaScript/jQueryが許可されていません。

Answer 1

ダイナミックな高さとクロスブラウザ機能を備えた親の場合、表示：table-cell内のdisplay：table-divを使用して、古いCSS2トリックを使用する必要があります。 This explains it in more detail

HTML

<div class = "info-left"> 
    <b>Place:</b> 
    <br />Now 6 
    <br />Later 32 
    </div> 

.info{ 
    display: table; 
} 

div.info div.action{ 
    display: table-cell; 
    vertical-align: middle; 
} 

Here's a fiddle