要居中div元素居中，可以使用“ div style =” text-align：center“”并居中div，请使用“ div style =” margin：0 auto“”
在您的代码中，以上css将被写为-
<div style="text-align:center;width: 300px;margin: 0 auto;border-style: dotted;"> <p>hi</p> </div>