如何在页面和非div之间居中文本？

Question

所以我想在页面上放置一些文本（p元素），但我左边有一个div，这会影响文本对齐，以div为中心而不是页面。我该如何解决这个问题？

另外，请全屏查看我正在谈论的内容。

＆＃13;

＆＃13;

#img1 {
width: 220px;
height: 220px;
}

#box1 {
  width: max-width;
  height: 1650px;
  background-color: #ECECEC;
}

#box2 {
float:left;
padding-left:250px;
}

#box3 {
text-align:center;
}

#p1 {
  text-align:left;
}    

＆＃13;

<div id="box1">
<div id="box2">
<img id="img1" src ="images/hack.jpg"/>
</div>
<div id="box3"
<p id="p1">
lorum ipsum lorum ipsum lorum ipsum lorum ipsum<br>
lorum ipsum lorum ipsum lorum ipsum<br>
lorum ipsum lorum ipsum lorum ipsum<br>
lorum ipsum lorum ipsum lorum ipsum lorum ipsum<br>
lorum ipsum lorum ipsum lorum ipsum lorum ipsum<br>
lorum ipsum lorum ipsum lorum ipsum lorum ipsum<br>
lorum ipsum lorum ipsum lorum ipsum<br>
lorum ipsum lorum ipsum lorum ipsum lorum ipsum<br>
lorum ipsum lorum ipsum lorum ipsum lorum ipsum lorum ipsum lorum ipsum lorum ipsum<br>
</p>
</div>
</div>

＆＃13;

＆＃13;

＆＃13;    

Answer 1

您需要在方框＃2

上添加此内容

position:absolute;

另外，请移除text-align: left

上的#p1

这样，即使左侧浮动该框，您的文本也会在整个页面上居中。