css文字在jsp页面中的居中问题

jsp页面，我发现加了

之后就不能居中了，现在怎么让这段文字居中？

img

<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
</head>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<body>


<div id="body">
<table>
<tr>
<td>
<p2><b style="color:blue;font-size: 20;text-align:center">欢迎光临新世纪网上书店</b></p2> 
</td></tr>
</table>
</div>

</body>
</html>



@charset "UTF-8";
#body{float: center;}


<style>
            table{text-align: center;}
        </style>

img

table加样式width:100%
td加样式width:100%;text-align:center;