CSS : CHANGING HOW AN ELEMENT IS VIEWED OR DISPLAYED

Changing How an Element is Displayed

Changing an inline element to a block element, or vice versa, can be useful for making the page look a specific way, and still follow web standards.

The following example displays list items as inline elements:

Example

li {display:inline;}

The following example displays span elements as block elements:

Example

span {display:block;}

Note: Changing the display type of an element changes only how the element is displayed, NOT what kind of element it is. For example: An inline element set to display:block is not allowed to have a block element nested inside of it.

Other Topics

CSS : Cross browser compatibality,CSS : Left and right Aligning by float property,CSS : Left &Amp; Right Aligning By Position Property,CSS : Center Aligning By Margin PropertyCSS : Aligning Block Elements,CSS : Float,CSS : All Css Positioning Properties,CSS : Overlapping Elements,CSS : Absolute Positioning,CSS : Fixed Positioning,CSS : Changing How An Element Is Viewed Or Displayed,CSS :Pseudo Classes,CSS :Before pseudo element,CSS :After pseudo element,CSS : Multiple pseudo elements,CSS : pseudo-elements and CSS classes,CSS : First-letter pseudo-element,CSS :  First-element pseudo-element,CSS : Syntax for Pseudo elements,CSS : First-line pseudo-element,CSS : All Css pseudo classes/elements,CSS : The lang pseudo classCSS : MEDIA,CSS::STYLING FORMS, mechanical Engineering, English books,Photoshop tutorials,Harry potter,Best 100 english books,Mechanical-old-question-paper,