Alright, I'm new at this and I'm having trouble, that's why I came to where I can get my answers. I have two texts, <p>, that I want to align in the middle, smack dab, of the web page in HTML. I've tried many variations on CSS to align the text. Here's the first attempt:

br:first-child {
text-align: center;
vertical-align: middle;
}

br:nth-child(2) {
text-align: center;
vertical-align: middle;;
}

.centered {
position: fixed;
top: 50%;
left: 50%;
margin-top: -50%;
margin-left: -100%;
}

I've done a lot more I don't even remember, searching online over and over again and NONE of it work at all. NONE of it was centered.