Welcome Guest! (App Version 3.1)
IntroductionHTML Tutorial What is HTML? My First Program in HTML Doctype Types of Elements Block Elements Inline Elements
Box ModelWhat is Box Model Content in Box Model Padding in Box Model Border in Box Model Margin in Box Model
HTML TagsDiv Tags H1 to H6 Tags Paragraphs Tags Span Tags Bold Tags Italic Tags
HTML UtilitiesAdding Images Adding Hyperlinks Adding Comments Types of Lists Tables Iframes Breaking Lines Horizontal Line
FormsForms in HTML Text-Box Radio Checkbox Select and Option Text Area Button Submit
HTML 5What is new in HTML5 Syntax Changes New Elements & Properties Semantic Tags New Elements New Input Types Graphics Support Canvas SVG Media Support Audio Video Client Side Storage Local Storage Session Storage Indexed DB Web SQL [dep] Cookies API Support Web Worker Web Sockets Service Worker App Cache [dep] SSE Drag & Drop Geolocation
HTML QuizHTML Quiz 1
Inline elements are the elements that stack next to each other in the same line, if the space is available. Their characteristic is just opposite to that of 'Block Elements'.
While 2 block elements (say, a div and a p) will take full space in width and each will go to a separate line, any 2 inline elements (say, a span and an anchor) will stack next to each other in the same line.
Note: "The inline elements can be said to be Super-Adjusting. They do not have a rigid behaviour like that of 'Block Elements', but rather they are fluid in nature. Try to put 10 span elements and they will get stacked to the same line (if space is available)."
<body> <span>This is span1.</span> <a>This is anchor1.</a> <span>This is span2.</span> <span>This is span3.</span> </body>