Am I doing something wrong? The width I write in CSS doesnt change anything


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="en" lang="en">

		<link href="style.css" rel="stylesheet" type="text/css" media="screen"/>

		<div id="main">
			<div id="container">
				<div id="header">
					<ul id="menu">
						<li><a href="#">Facebook</a></li>
						<li><a href="#">Twitter</a></li>
						<li><a href="#">Youtube</a></li>
						<li><a href="#">Instagram</a></li>
						<li><a href="#">Soundcloud</a></li>
					<div id="logo">
					<div id="introduction">
						<h3> Holder</h3>
				</div> <!--end header -->	

				<div id="content">
					<div id="points">
						<div id="point1">
						<div id="point2">
						<div id="point3">
						<div id="point4">
						<div id="point5">
						<div id="point6">
					</div> <!-- end points -->	   
				</div> <!--end content -->
			</div> <!-- end main container -->
		</div> <!-- end main -->

		<div id="footer">
			<div id="container">
				<p>Copyright ©2018 <br/>
				   All Rights Reserved</p>	
			</div>	<!-- end footer container -->
		</div> <!-- end footer -->	

The CSS:

body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px;}

body {font-family: Arial, Helvetica, sans-serif;}

.container {
    width: 800px; 
    margin: 0 auto; 

I feel like this should work and have look over it many times. No matter what the width is set to it doesn’t change.
Any help is really appreciated and if its something simple dont hate :smiley:

Make sure you target container id not class.

1 Like

Ah alright thank you. Fixed it. :grinning: