html - 重新使用 floatLeft 和 floatRight 来右对齐文本

Question

如何右对齐文本如下。我希望产品、价格和年份右对齐。

   product       Computer
     price       $1500
      year       2013

目前下面的html代码给出了如图所示的布局

product     Computer
price       $1500
year        2013   

<div style="clear: both;display: block;">
     <p style="float: left">
         <strong>product</strong>
     </p>
     <p style="float: left">
         <span>Computer</span>
     </p>    
</div>

<div style="clear: both;display: block;">
     <p style="float: left">
         <strong>price</strong>
     </p>
     <p style="float: left">
         <span>$1500</span>
     </p>    
</div>

<div style="clear: both;display: block;">
     <p style="float: left">
         <strong>year</strong>
     </p>
     <p style="float: left">
         <span>2013</span>
     </p>    
</div>

Answer 1

尝试显示:内联 block ，创造奇迹