htmlページでキャプションをフォーマットする

Question

キャプションの右端にリンクが追加された状態で、キャプションにテキストを配置できるようにする必要があります。これができるかどうかを示してください。

次のようにキャプションがフォーマットされます：

      Centered Text     Right-justified link 

Answer 1

はCSS：

.caption { 
    text-align: center;  
} 
.caption a { 
    float: right;  
} 

マークアップ：

<div class="caption"> 
    [Centered Caption] 
    <a href="#">[Right-justified Link]</a> 
</div>​ 

• DEMO
• 別DEMO、利用可能なスペースとは対照的に、親の幅を中心としたキャプション付き