Пятница, 2024-03-29, 6:14 PM

Поиск
Меню
Категории раздела
PHP [40]
Cкриптовый язык программирования общего назначения
MySQL [1]
Cвободная система управления базами данных (СУБД)
jQuery [8]
Библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML
CSS [60]
Cредство описания, оформления внешнего вида веб-страниц
JavaScript [161]
Прототипно-ориентированный скриптовый язык программирования
Веб-дизайн [2]
Проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений
RegExp [1]
Регулярные выражения
SEO [2]
Продвижение и раскрутка сайтов. Заработок в сети.
C/C++ [3]
Компилируемый статически типизированный язык программирования общего назначения
Windows [4]
Программистам под ОС MS Windows
HGE [2]
Игровой движок HGE (Haaf's Game Engine)
Игровой дизайн [8]
Психология дизайна игр
Разработка игр [2]
Общие моменты, относящиеся к геймдеву
wxWidgets [2]
Библиотека инструментов для разработки кроссплатформенных приложений
PureBasic [10]
Кроссплатформенный компилятор и IDE для быстрой разработки
VST [6]
Steinberg's Virtual Studio Technology (VST)
iOS [1]
Mобильная операционная система, разрабатываемая и выпускаемая американской компанией Apple
Пиксельная графика [9]
Pixel art и все, что с ним связано
libGDX [2]
Кроссплатформенный открытый движок на Java, позволяющий создавать 2D и 3D игры под различные платформы, среди которых: Android, HTML5, Windows, Linux, iOS.
Поддержи проект!
Рекомендуем


Блог разработчика

Главная » 2013 » Июль » 4 » Текст в блоке выравнен через CSS
2:27 PM
Текст в блоке выравнен через CSS
Cмотреть пример
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>
 Текст в блоке выравнен через CSS
 </title>
 <meta name="Author" content="Bulat Khromov">
 <style type="text/css">
.container {
 position:relative;
 border:1px #ccc solid;
 }
 .container .middle {
 position:absolute;
 bottom:40%;
 }
 .container .bottom {
 position:absolute;
 bottom:0px;
 }
 
 </style>
 </head>
 <body>
 <h1>
 Простой способ вертикального позиционирования в контейнере
 </h1>
 <div class="container" style="height:100px;">
 <div class="middle">
 <strong>Текст по центру DIV</strong>
 </div>
 </div><br>
 <div class="container" style="height:100px;">
 <div class="bottom">
 <strong>Текст внизу DIV</strong>
 </div>
 </div>
 </body>
</html>
Категория: CSS | Просмотров: 669 | Добавил: poster | Теги: CSS, пример | Рейтинг: 0.0/0

Поблагодарить автора



Комментарии