Controlli allineati al centro

index.html

@@ -12,10 +12,14 @@
             <h1>PizzaExpress</h1>
         </header>
         <main>
-            <button onclick="location.href='add.html'">+</button>
+            <div class="pageControls">
-            <button onclick="listPizze()">Aggiorna</button>
+                <div>
-            <br><br>
+                    <button onclick="location.href='add.html'">+</button>
-            <div id="tabellaPizze"></div>
+                    <button onclick="listPizze()">Aggiorna</button>
+                    <br><br>
+                </div>
+                <div id="tabellaPizze"></div>
+            </div>
         </main>
     </body>
 </html>

style.css

@@ -30,6 +30,13 @@ button{
     border-style: none;
 }
 
+.pageControls{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+}
+
 .editBtn{
     background-color: aqua;
     color: black;