Which Is The Correct Method, Inline-block Or Float?
I am designing a layout for a site and am confused about when to use inline-block or float. Which is the best way: inline-block or float? Using inline-block means it doesn't spport
Solution 1:
Please refer to the article Should You Use Inline-Blocks As A Substitute For Floats. It will help you a lot.
Solution 2:
For a layout, you should use neither.
According to http://www.w3schools.com/cssref/pr_class_display.asp#gsc.tab=0, all inline attributes are supported by Internet Explorer 8+, so it should be OK if you're not developing a commercial website.
I recommend using <div> and HTML5 elements such as <header> and <article>. For example,
<body>
<header>
<div id="logo">
<img src="myLogo.png" alt="logo"/>
</div>
<nav>
</nav>
</header>
<div id="pageContainer">
<article>
<section>
...
</section>
</article>
</div>
</body>
Then for individual elements in each <div>, you can define inline or float (like a picture or a table).
<div>: basically, a section of a webpage.
List of sweet HTML5 elements!: http://www.w3schools.com/html/html5_new_elements.asp#gsc.tab=0
Example: http://jsfiddle.net/JYZhz/
Post a Comment for "Which Is The Correct Method, Inline-block Or Float?"