How can I align my text/border to the center of my page with the <div> element?
23:22 02 Jun 2020

div1 {
     background-color: aqua;
     font-family: Candara;
     padding: 10px;
     border-radius: 10px;
     margin: 10px;
     width: auto;
 }

  
    Text here
  

I'm trying to align both my border and text to the center of my page, but somethings not working. If I haven't explained it well enough please ask for more details :). Here is the code:

HTML


  
    Text here
  

CSS

div1 {
     background-color: aqua;
     font-family: Candara;
     padding: 10px;
     border-radius: 10px;
     margin: 10px;
     width: auto;
 }
html