如何居中垂直figcaption？

Question

我希望在圖像中間的圖像旁邊有一個figcaption。我怎樣才能做到這一點？我試過這樣：

<figure> 
    <img src="Pic1" style="width:60%; height:auto; float:right" /> 
    <figcaption class="title" style="vertical-align:middle">xxx</figcaption> 
</figure> 

但標題仍然在圖像的頂部。

Answer 1

嘗試這種解決方案：

figure { 
 
    display:table; 
 
} 
 
figure figcaption.title { 
 
    display:table-cell; 
 
    vertical-align:middle; 
 
} 
 
figure img { 
 
    display:table-cell; 
 
    width:60%; 
 
}

<figure> 
 
    <figcaption class="title">xxx</figcaption> 
 
    <img src="http://placehold.it/250x300"/> 
 
</figure>