If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Div tag and CSS (H1 and P tags not aligning correctly

I am currently developing my first web site its just a sign posting site.. I have a Container DIV which holds everything inside it followed by a Header Div with Logo and Site Navigation (all done as Css3)

Now I created a Div after this for Main Content of site of which inside this DIV I used the <h1> to give it a heading and an inline style to colour it. Then I wanted to use a <p> after but when I preview in browser (SWR Iron) There is a massive indent on the <p>

I have tried to fix this my using margin-left but dosn't work..

I Have some pictures of the code/css and output so you can see whats going on
Here is my HTML

<div id="MainContent">
<h1 style="color:fuchsia;">Currently Under Construction</h1>
<p> This Site is currently under construction all infomation is for testing purposes untill further notice</p>
</div>

OK the H1 Is near the bottom of the HTML code inside the MainContent Div..

The reasoning for the " Wiered postioning" Is because in CSS I wanted to Dynamical position the Container so it appeared in the middle of the users browsers when they re-sized it. This allows me to do it.

The margin in this DIV is what seems to be causing the problem. Removing it makes the <h1> and <p> tags appear normal However it has an adverse effect and ruins my menu positioning and the postioning of the links within.

However that said I would prefer to display the menu as a horizontal menu anyway IE Each level within the menu is a horizonital drop down list and not vertical one.

NO I am not particularly familiar I am learning a great deal from you here. I havn't done any webdesign since i was 16 I am now 27.. A lot of what I done is from memory and stuff when i done web design before CSS had only just come in.....

SO you saying I want to float the div and then set the margin left? how do i Control the top position in this way though? maybe i need some tutorials to help me understand better

I am quite interested in learning JavaScript don't know where to start lol so much to learn all at once hahaha but i love the learning