Home Advertise with us Forum Articles Sitemap Contact
Logo  

HTML Codes and Tags

Learning to control the line breaks in pages that have been created without using tables is considered to be one of the most difficult aspects of page creation. With the help of CSS, it is possible to establish control over the appearance & removal of line breaks.

Display – Block & Inline Elements

A block element can be described as an element that takes up the complete available width & consists of a line break before & after it. These may include elements like, <p>, <h1>, <div> & others.

An inline element on the other hand doesn’t force any line breaks & takes up only as much width as required. These may include elements like, and .

CSS Visibility: Hidden or Display: None

At times you may wish to hide a piece of content or may alternately wish to show it. This is possible using CSS. Just by setting the visibility property to “hidden” or the display property to “none”, you can hide an element.

Although both these properties are meant to serve the same purpose, they give different results. While the visibility: hidden property hides an element still occupying the same space as before, the display: none property hides an element without taking up any space.

Example:

h1.hidden {visibility: hidden;}

h1.hidden {display: none;}