Help centering div

[Pique]

This might seem elementary;; or maybe it's more complicated than I think but I'm a noob and don't understand;;
But my question is how would you center something like this?

Spoiler: div box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius metus ut nisl congue lacinia. Sed ac velit posuere, tincidunt ex at, iaculis leo. In accumsan risus id ipsum placerat interdum quis a ipsum.

Spoiler: div code

[div=position: relative;
max-width: 400px;
height: 613px;
background: url('https://i.imgur.com/zohQt1h.png');
box-sizing: border-box;
padding: 30px;
padding-top:90px;l][div=padding: 10px;
width:320px;
height:400px;
overflow-x: hidden;
text-align:justify; background: rgba(255,255,255,0.7); border-radius: 5px; color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius metus ut nisl congue lacinia. Sed ac velit posuere, tincidunt ex at, iaculis leo. In accumsan risus id ipsum placerat interdum quis a ipsum.
[/div][/div]

Thank you!

 

[deer]

hello!
is this what you'd like?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius metus ut nisl congue lacinia. Sed ac velit posuere, tincidunt ex at, iaculis leo. In accumsan risus id ipsum placerat interdum quis a ipsum.

if so, in your first | parent div, you can add margin: auto; and it will center your code!

[div=position: relative;
max-width: 400px;
height: 613px;
background: url('https://i.imgur.com/zohQt1h.png');
box-sizing: border-box;
padding: 30px;
padding-top:90px; margin: auto;][div=padding: 10px;
width:320px;
height:400px;
overflow-x: hidden;

text-align:justify; background: rgba(255,255,255,0.7); border-radius: 5px; color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius metus ut nisl congue lacinia. Sed ac velit posuere, tincidunt ex at, iaculis leo. In accumsan risus id ipsum placerat interdum quis a ipsum.
[/div][/div]

 

[Pique]

hello!
is this what you'd like?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius metus ut nisl congue lacinia. Sed ac velit posuere, tincidunt ex at, iaculis leo. In accumsan risus id ipsum placerat interdum quis a ipsum.

if so, in your first | parent div, you can add margin: auto; and it will center your code!

[div=position: relative;
max-width: 400px;
height: 613px;
background: url('https://i.imgur.com/zohQt1h.png');
box-sizing: border-box;
padding: 30px;
padding-top:90px; margin: auto;][div=padding: 10px;
width:320px;
height:400px;
overflow-x: hidden;

text-align:justify; background: rgba(255,255,255,0.7); border-radius: 5px; color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius metus ut nisl congue lacinia. Sed ac velit posuere, tincidunt ex at, iaculis leo. In accumsan risus id ipsum placerat interdum quis a ipsum.
[/div][/div]

Ahhh omg you're so quick, thank you a million! this is exactly what I want.