Категории раздела
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
Комментарии