Centre my button
I cannot figure out what I did wrong and why my "More About Me" button won't sit centered under the rest of the text (See photo).
Here is the code and CSS:
< div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-e76d1b249009a9178ad1">
< div class="sqs-html-content">
h3 style="text-align:center;white-space:pre-wrap;">I feel the most inspired by wide open rural landscapes and small intimate moments.
< p style="text-align:center;white-space:pre-wrap;" class="">I’m Justin and I'm both a city slicker in Toronto and country bumpkin in Prince Edward County (PEC). I love to drum, play soccer, bike, read and explore new places. I became a photographer because I have always felt that photos make the best souvenirs of life experiences.
< p style="text-align:center;white-space:pre-wrap;" class=""> Laughter, being present, meaningful relationships, communication and punctuality are all ingredients in my secret sauce. I am forever inspired by the people that I work with and the stories they tell. This isn’t just a photoshoot, this is a documentary of your love story.
< div class="sqs-block button-block sqs-block-button" data-block-type="53" id="block-c16d7493054d54da013a">
< body> < div class="sm-button sm-button-size-large sm-button-skin-default sm-page-widget-button-large sm-page-widget-button-outline sm-page-widget-button-text-light" href="https://www.jbriginshawphotography.com/Meet-Justin" type="button" >More about me
Thank you! Sorry if the code is messy...