added inline and block

Author: khan4019

css.html

@@ -315,6 +315,10 @@ <h2>6. display vs visibility</h2>
   <h2>7. inline block</h2>
   <p><strong>Question:</strong> What are the differences between inline, block and inline-block</p>
   <p><strong>Answer: </strong></p>
+  <p><code>inline</code>, elements do not break the flow. think of span it fits in the line. Important points about inline elements, margin/padding will push other elements horizontally not vertically. Moreover, inline elements ignores height and width.</p>  
+  <p><code>block</code>, breaks the flow and dont sits inline. they are usually container like div, section, ul and also text p, h1, etc.</p>
+  <p><code>inline-block</code>, will be similar to inline and will go with the flow of the page. Only differences is this this will take height and width.</p>
+  <p>ref: <a href="http://css-tricks.com/almanac/properties/d/display/">display</a></p>
 </div>
 <div id="mark">
   <h2>8. box model</h2>