С помощью CSS Вы можете установить как будут отображаться элементы.

Скрытие элементов в CSS

В CSS скрыть элементы можно двумя способами:

1. С помощью свойства visibility:hidden;
2. С помощью display:none.

Элемент скрытый первым способом будет невидим, но будет по прежнему занимать место на странице.

/* Абзац стал невидим, но все еще занимает место на странице */
p.dis1 
{
visibility:hidden;
}

Второй способ позволяет полностью скрыть элемент, чтобы он больше не занимал места на странице.

/* Абзац стал невидим и не занимает места */
p.dis1 
{
display:none;
}

Блочные и строковые элементы в CSS

В CSS встречаются два типа элементов по способу отображения:

• Блочные элементы полностью занимают всю ширину их родительского элемента. Примеры блочных элементов: p, h1-h6, div.
• Строковые элементы занимают только необходимую им ширину. Примеры строковых элементов: a, span.

С помощью CSS Вы можете изменять способ отображения элементов. В следующем примере элемент p отображен как строковый:

/* Превратим блочный элемент p в строковый */
#dis1 
{
display:inline;
}

Также Вы можете отображать строковые элементы как блочные:

/* Превратим строковый элемент a в блочный */
a.dis1
{
display:block;
}

Сделайте сами

Задание 1 узнайте кодовое слово (подробности в редакторе):

/* Подробности в редакторе */