Not sure why body is center [duplicate]
94
January 28, 2022, at 3:10 PM
This question already has answers here:
How to horizontally center an element
(124 answers)
Closed yesterday.
Any help or hint would be greatly appreciated it.
https://codepen.io/jadeite1000/pen/YzrmJRg
Not sure why my page is center. I don't want it to be center. I just want it to be left align.
<body>
<!--
<h1>The Basic Language of the Web: HTML</h1>
<h2>The Basic Language of the Web: HTML</h2>
<h3>The Basic Language of the Web: HTML</h3>
<h4>The Basic Language of the Web: HTML</h4>
<h5>The Basic Language of the Web: HTML</h5>
<h6>The Basic Language of the Web: HTML</h6>
-->
<div class="container">
<header class="main-header">
<h1> Answer 1
It's center-aligned because of container class
auto: The browser selects a suitable margin to use. For example, in certain cases, this value can be used to center an element.
check this: https://developer.mozilla.org/en-US/docs/Web/CSS/margin#values
.container {
width: 800px;
/* margin: 0 auto; */ // remove margin auto
}
Answer 2
In container ruleset you have added margin: 0 auto; which means margin-top:0, margin-bottom:0, margin-left:auto, margin-right:auto.
due to this margin, the ui came to the center.
Try removing margin: 0 auto; in container ruleset.
-
12:40
-
05:30
-
05:10
-
9:40
-
4:50
-
11:30
How to prevent a token created with OAuth 2.0 from expiring?
-
08:00
-
05:10
-
6:30
POPULAR ONLINE
- search for elements in a list 110477 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 105056 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 98144 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 95619 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 91863 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 61304 visits
- Adding methods to es6 child class 22012 visits
READ ALSO
