Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 13.12.2019, 21:47   #1
Надежда Н.
Новичок
Джуниор
 
Регистрация: 13.12.2019
Сообщений: 1
По умолчанию Какой блок можно вставить в блок <section>?

Помогите разобраться.
У меня несколько блоков section, в одном из них написала текст и чтобы его "застайлить" я его поставила в блок div и присвоила id. Но при таком раскладе блок section оказался пустой, а div оказался вынесен из этого блока. Что я сделала не так?
Вот код:
html
Код:
<section> 
		<div class="motto"> Здесь текст</div>
</section>
css
Код:
section{
	margin-left: auto;
	margin-right: auto;
	padding: 30px; 
	margin-top: 700px;
	left: 50%;
	border: 5px solid #fff;
}

.motto {
	font-family: cursive;
	font-size: 35px;
	color: #001174;
	font-weight: 600;
	text-align: center;
	margin: 0; 
	transform: translate(-50%, -50%); 
	position: absolute;
	top: 50%;
	left: 50%; 
	border: 5px solid #fff;
}
Надежда Н. вне форума Ответить с цитированием
Старый 14.12.2019, 18:00   #2
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Сообщений: 17,758
По умолчанию

https://jsfiddle.net/juL106xs/

Вроде всё работает, хотя в css некоторые данные сомнительны.

типа
margin: 0;
зачем тут это нужно

transform: translate(-50%, -50%); - что это такое

ну и т.д. как-нибудь минимизируйте css
Alar вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
программирование блок схема. пожалуйста, нарисуйте блок схему. очень срочно нужно! Bogdan96 Помощь студентам 4 22.09.2015 09:33
Редактор блок-схем программ. Какой лучше? _Osaka Общие вопросы по программированию, компьютерный форум 7 05.09.2015 18:22
Step7 S300 - какой выбрать блок? iskurt Помощь студентам 5 22.06.2012 12:29
Какой блок питания подойдет! Antonio-Spec Компьютерное железо 6 04.06.2010 17:33
первый блок должен заливать весь фон, а второй блок блок выводить сплошную горизонтальную балку SanBorisych HTML и CSS 2 12.01.2010 17:42