html标题居中加背景色,如何设置CSS背景宽度后让文字居中？

我想让段落的文字居中，同时让背景颜色刚好覆盖文字，请问该怎么设置？

背景变短后只能靠左，无法居中。。或者说设置了背景宽度后，文字居中的效果就没有了。

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

.div1{

width:400px;

height:400px;

border:solid #000000 1px;

text-align:center;

margin:10px auto;}

.p1{

background-color:#FF0000;

width:200px;

text-align:center;}

.p2{

background-color:#FF0000;

text-align:center;}

背景宽度后如何让文字居中

背景宽度后如何让文字居中