HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Рейтинг 5.00/6:

alanat

12 / 12 / 1

Регистрация: 16.07.2012

Сообщений: 762

Почему текст не располагается в средней части div

17.02.2020, 23:27. Показов 1105. Ответов 1

Метки div, vertical-align, в середине, текст (Все метки)

Author24 — интернет-сервис помощи студентам

Добрый день.

CSS

div.div135
{
    height:135px;
    width:100%;
    background-color:#CCC;
}
p.div135
{
    vertical-align:middle;
}

HTML5

1	<div class="div135"><p class="div135">test test test test</p></div>

Как правильно написать код, чтобы текст располагался в средней части div?
Заранее благодарен за ответ.

Заказать работу у эксперта

Лучшие ответы (1)

Сообщение: #14261853

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

17.02.2020, 23:27

Ответы с готовыми решениями:

Почему кнопка располагается не в той строке?
Почему кнопка располагается не в той строке, которую я указал, а максимально близко к 1? На...

Текст и div. Сделать текст поверх div`a
Написать текст внутри div`a, у которого ширина равна 2px. То есть текст должен стоять поверх этого...

Почему div ы не хотят встать внутрь другого div, а встают под него ?
Не мог бы кто нибудь помочь? 001 и 002 не встают в header, а 003, 004 и 005 не встают в content?...

Если совпадает текст введённый в input и div, то скрыть данный div
Изучаю jquery и решил сделать следующее: Я ввожу в input какой то текст и если он совпадает с...

Alex Web

238 / 161 / 67

Регистрация: 18.06.2016

Сообщений: 509

17.02.2020, 23:51

Сообщение было отмечено alanat как решение

Решение

CSS

div.div135
{
    display: table;
    height: 135px;
    width: 100%;
    background-color: #CCC;
    text-align: center;
}
p.div135
{
    display: table-cell;
    vertical-align: middle;
}

	17.02.2020, 23:51

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

17.02.2020, 23:51

Помогаю со студенческими работами здесь

Как растянуть основной div до футера и разместить текст ровно центру этого div?
Всем привет, решил попробовать создать простейший резиновый сайт и чтобы футер был привязан внизу,...

Отсортировать массив по убыванию, не изменяя положение средней части массива
Дан целочисленный массив из 12 элементов отсортировать массив по убыванию, не изменяя положение ...

делаю на страничке div с position:absolute и если он находится в зоне комбобокса, то последний почему-то просвечивает через div.
делаю на страничке div с position:absolute и если он находится в зоне комбобокса, то последний...

Разделить экран на 3 равные части горизонтальными линиями и получите 50 случайных точек внутри средней
Разделить экран на 3 равные части горизонтальными линиями и получите 50 случайных точек внутри...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи
Обновление сайта www.historian.by Reglage 13.01.2025 За неделю добавил два урока - по ассемблеру и Линуксу, а также дополнил один урок по ассемблеру. Мелкими шагами двигаюсь дальше к неизменной цели. По ИТ: 1) добавил урок "Структура программы на. . .	Введение в модели и алгоритмы машинного обучения InfoMaster 12.01.2025 Машинное обучение представляет собой одну из наиболее динамично развивающихся областей искусственного интеллекта, которая фокусируется на разработке алгоритмов и методов, позволяющих компьютерам. . .	Как на Python создать нейросеть для решения задач InfoMaster 12.01.2025 В контексте стремительного развития современных технологий особое внимание уделяется таким инструментам, как нейросети. Эти структуры, вдохновленные биологическими нейронными сетями, используются для. . .	Как создать нейросеть для генерации картинок на Python InfoMaster 12.01.2025 Генерация изображений с помощью искусственных нейронных сетей стала одним из наиболее захватывающих направлений в области компьютерного зрения и машинного обучения. В этой статье мы рассмотрим. . .	Создание нейросети для генерации текста на Python InfoMaster 12.01.2025 Нейросети, или искусственные нейронные сети, представляют собой модели машинного обучения, вдохновленные работой человеческого мозга. Они состоят из множества взаимосвязанных узлов, или "нейронов",. . .	Как создать нейросеть распознавания изображений на Python InfoMaster 12.01.2025 Введение в распознавание изображений с помощью нейросетей Распознавание изображений с помощью нейронных сетей стало одним из самых впечатляющих достижений в области искусственного интеллекта. Эта. . .
Основы искуственного интеллекта InfoMaster 12.01.2025 Искусственный интеллект (ИИ) представляет собой одну из наиболее динамично развивающихся областей современной науки и технологий. В широком смысле под искусственным интеллектом понимается способность. . .	Python и нейросети InfoMaster 12.01.2025 Искусственные нейронные сети стали неотъемлемой частью современных технологий, революционизировав множество областей - от медицинской диагностики до автономных транспортных средств. Python, благодаря. . .	Python в машинном обучении InfoMaster 12.01.2025 Python стал неотъемлемой частью современного машинного обучения, завоевав позицию ведущего языка программирования в этой области. Его популярность обусловлена несколькими ключевыми факторами, которые. . .	Создание UI на Python с TKinter InfoMaster 12.01.2025 TKinter — это одна из наиболее популярных библиотек для создания графических интерфейсов пользователей (GUI) в языке программирования Python. TKinter входит в стандартную библиотеку Python, что. . .	HTML5 в разработке мобильных приложений InfoMaster 12.01.2025 Введение: Обзор роли HTML5 в мобильной разработке В современном мире мобильных технологий HTML5 стал ключевым инструментом для разработки кроссплатформенных приложений. Эта технология произвела. . .	Как создавать приложения для iOS/iPhone InfoMaster 12.01.2025 Введение в разработку iOS-приложений Разработка приложений для iOS открывает огромные возможности в мире мобильных технологий. С каждым годом количество пользователей iPhone и iPad растет,. . .

Наверх