HTML5 / CSS3 display:inline
- by danixd
I am looking to make a horizontal layout website but having issues with the display: inline rule acting strangely.
It seems to be tailored towards inline navigational s, which is nice, but it is causing me massive problems.
Here is my code:
<div id="container">
About Us
Project 1
Project 2
Project 3
Project 4
Project 5
Blog 1
Blog 2
Blog 3
Blog 4
Blog 5
Contact
Tweets
Comments
Links
</div> <!--container-->
#container{
height: 600px;
display: inline;
}
section{
display: inline;
}
article{
height: 600px;
width: 300px;
display: inline;
}
This is what it looks like:
http://danixd.com/archive/html5.html
The display:inline completely overwrites the height and width set for the articles in the CSS.
Any ideas?
