rgb192
asked on
How to Left-Align Navigation bar?
<html lang="en">
<head>
<title>WIDGET CORP</title>
<link href="CSS/public.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Widget Corp</h1>
</div> <div id="main">
<div id="navigation">
<ul class = "subjects">
<li>
Services (3)<ul class = "pages">
<li>RETROFIT</li></ul></li></ul><li>CERTIFICATION</li></ul></li></ul><li>
Products (2)<ul class = "pages">
<li>OUR WIDGETS</li></ul></li></ul><li>OUR MINI-WIDGETS</li></ul></li></ul><li>
About Widget Corp (1)<ul class = "pages">
<li>OUR MISSION</li></ul></li></ul><li>OUR HISTORY</li></ul></li></ul>
</div>
<div id="page">
<h2>Manage Content</h2>
</div>
</div>
<div id="footer">Copyright 20xx, Widget Corp</div>
</body>
</html>
Navigation menu is not left aligned and the lists bullet-points are crooked.
Please take a look at the image below to see what I mean:
lerft-align.png
It will be great if you can create a jsfiddle or codepan demo. With the provided HTML and image we can't debug it.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
I think public.css file content is missing right?
ASKER
thanks