Getting <divs>'s to align next to each other
- by user1322845
I have the following code I am trying to get working correctly:
<div id="newspost_bg">
<article>
<p>
<header><h3>The fast red fox!</h3></header>
This is where the article resides in the article tag. This is good for SEO optimization.
<footer>Read More..</footer>
</p>
</article>
</div>
<div id="newspost_bg">
hello
</div>
<div id="newspost_bg">
hello
</div>
<div id="advertisement">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2139701283631933";
/* testing site */
google_ad_slot = "4831288817";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
</div>
Here is the css that goes with it:
#newspost_bg{
position: relative;
background-color: #d9dde1;
width:700px;
height:250px;
margin: 10px;
margin-left: 20px;
border: solid 10px #1d2631;
float:left;
}
#newspost_bg article{
position: relative;
margin-left: 20px;
}
#advertisement{
float: left;
background-color: #d9dde1;
width: 125px;
height: 605px;
margin: 10px;
}
The problem I'm experiencing is that the advertisements im trying to get setup will align with the last with the id of newspost_bg but im looking to havce it align to the top of the container it is in. I dont know if this is enough info, if not please let me know what you might need. Im new to the web coding scene so any and all critiques help me.
