jsp页面内容居中红色加粗增大文字效果

只是想做个jsp页面内容居中红色加粗增大文字效果，测试了好几种方法都不行

还真是头疼，做页面真的很麻烦

方法一：

<table width="100%" height="100%" align="center">
   <tr>
    <td>
     <font size="5" color="#FF4500">这样.文字绝对会在正中间...</font>
    </td>
  </table>

在ff,ie，360上测试了下，上面这个方法显示的效果完全达不到，后来找到了个方法，修改了下实现我要的效果

测试代码如下

 

方法二：

<style type="text/css">
  <!--
  .red {
   color: #F00;
   font-size: 24px;
  }
  -->
  </style>

  <div
   style="position: relative; width: 100%; display: table; * position: absolute; * top: 50%; * left: 0;">
   <p
    style="position: absolute; top: 50%; left: 0; text-align: center; width: 100%; * top: 0;">

    <strong class="red">我要在中间</strong>
   </p>
  </div>