CSS. На разных устройствах данная страница будет иметь различное форматирование

• media="screen"
h1 { background: #FFF; color: #000; border: 3px double #444; font-size: 14pt; padding: 4px; }
ul.list_media { border: 3px double #444; padding-right: 1em; }
ul.list_media li{ color: #000; }
.plusone_panel { width: 310px; }
На обычных компьютерах и других устройствах с меданосителем SCREEN заголовок h1 будет иметь размер 14pt, двойную рамку и отображаться чёрным цветом на белом фоне.
• media="handheld"
h1 { background: #FF0; color: #F00; border: 1px solid #444; font-size: 80%; }
ul.list_media { border: 1px solid #444; }
ul.list_media li{ color: #D00; }
На устройствах с медианосителем HANDHELD заголовок h1 будет иметь размер 80%, одинарную рамку и отображаться красным цветом на жёлтом фоне.
• media="print"
h1 { background: #FFF; color: #090; border: 3px dotted #4A4; font-size: 100%; padding: 0.5em; }
.left, .logo, .cabinet, .plusone_panel { display: none; }
.main { margin: 0.5em; }
.title { margin: 0; }
ul.list_media { border: 3px dotted #4A4; padding-right: 1em; }
ul.list_media li{ color: #090; }
При печати на принтере (медианоситель PRINT) заголовок h1 будет иметь размер 100%, пунктирную рамку и отображаться зелёным цветом на белом фоне. Меню, логотип, вход в личный кабинет и реклама не отображаются.

Также, в зависимости от типа устройства, будет отличаться вид маркированного списка.