How to center your website horizontally with CSS?

https://www.tutorialspoint.com/how-to-center-your-website-horizontally-with-css

13-09-2020
|

Pregunta

How to center your website horizontally with CSS?

CSS Web Development Front End Technology

To center your website horizontally with CSS, the code is as follows −

Example

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
   body {
      background: rgb(255, 238, 0);
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .main {
      max-width: 600px;
      margin: auto;
      background: rgb(70, 32, 240);
      color: white;
      padding: 10px;
   }
   p {font-size: 40px;font-weight: lighter;}
</style>
</head>
<body>
<div class="main">
<h1>Center website horizontally example</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad nemo, nisi fugiat dolores 
quidem ipsam, quisquam sit, quos amet provident accusantium. Ab cumque est ut officia libero, 
quis non quidem eaque eligendi iusto numquam, optio magni corrupti, eum ad. </p>
</div>
</body>
</html>

Output

The above code will produce the following output −

AmitDiwan

Published on 12-May-2020 16:06:05

Previous Page Print Page