我可以在HTML表格中设置<p class =“pull-right”>吗?

时间:2016-05-11 04:32:29

标签: html css html-table

我想在表格中设置标题,标题名称在中间,右侧是序列号。我该怎么设置??

这是我的示例代码:

<tr class="header"> 
    <td colspan="3"  >
     PAKET ALAT GELAS
     <p class="pull-right" style="font-size:11px;">NO. <?php echo $date ;?><p></td>
</tr>

这是我的风格:

table tr.header td {
    font-size:18px;
    height:30px;
    text-align:center;
    line-height:20%;
    margin: 10px auto;
    border: 1px solid black;
}

1 个答案:

答案 0 :(得分:0)

您可以查看此内容。 See DEMO

别忘了查看

  

左侧的外部资源菜单。

示例代码:

<table class="table table-bordered">
<tr class="header"> 
    <td colspan="3" >
     PAKET ALAT GELAS
     <p class="pull-right" style="font-size:11px;">NO. 1<p></td>
</tr>

<tr class="header"> 
    <td colspan="3" >
     PAKET ALAT GELAS
     <p class="pull-right" style="font-size:11px;">NO. 2<p></td>
         <td colspan="3" >
     PAKET ALAT GELAS
     <p class="pull-right" style="font-size:11px;">NO. 3<p></td>
         <td colspan="3" >
     PAKET ALAT GELAS
     <p class="pull-right" style="font-size:11px;">NO. 4<p></td>
</tr>
</table>