11.12.2012 22:21:31 Отступ контента в блоке. Сообщение #1
Алек
Эксперт
Дата регистрации:
30.11.2012 19:41:21
Сообщений: 82
Каким образом можно выравнить контент в блоке с помощью атрибута margin?
Уроки и статьи
Подписка
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Мой аккаунт
Моя группа
Опрос
Зачем Вы изучаете программирование/создание сайтов?
Бесплатный курс
Основы Laravel
Пройдя курс, Вы узнаете:
- Как установить и настроить Laravel
- Всю необходимую базу по Laravel
- Как создавать несложные сайты на Laravel
Общая продолжительность курса 4.5 часа, плюс множество упражнений и поддержка!
Чтобы получить Видеокурс,
заполните форму
Бесплатный онлайн-семинар
Этапы создания и продвижения лендинга
После семинара:
- Вы увидите мои лендинги и их результаты.
- Вы узнаете, какие этапы создания и продвижения у лендингов.
- Вы получите 2 различных пошаговых бизнес-плана, основанных на создании лендингов.
- Вы узнаете, как автоматизировать продвижение: создали лендинг, настроили продвижение, и годами он работает уже без Вас.
Умные цитаты
Мы лишаемся досуга, чтобы иметь досуг, и войну ведем, чтобы жить в мире.
Аристотель
Форум сайта MyRusakov.ru
Отступ контента в блоке.
11.12.2012 22:30:38 Отступ контента в блоке. Сообщение #2
mischa.samolkaev
Продвинутый
Дата регистрации:
12.07.2012 13:00:02
Сообщений: 74
Немного непонятный вопрос, если вы про позиционирование, то указывайте margin-left margin-right у выравниваемого элемента
Помоему можно еще провернуть похожее с padding но это крайне "варварски"
#examples-element{
margin-left:10px
}
Помоему можно еще провернуть похожее с padding но это крайне "варварски"
#examples-parent{
papping-left:10px;
padding-right: 20px;
}
11.12.2012 22:49:20 Отступ контента в блоке. Сообщение #3
Алек
Эксперт
Дата регистрации:
30.11.2012 19:41:21
Сообщений: 82
Я хотел бы с помощью text-align и margin-left и margin-right выравнивать текст в каждом отдельном блоке, но не представляю как связать эти атрибуты.
12.12.2012 15:20:52 Отступ контента в блоке. Сообщение #4
mischa.samolkaev
Продвинутый
Дата регистрации:
12.07.2012 13:00:02
Сообщений: 74
Если хотите текст сделать по центру просто прописывайте text-align:center блоку
Хотите точного выравнивания:
Указывайте padding у родителя при фиксированном размере блока;
Указывайте padding у дочернего элемента при фиксированном размере блока родителя;
Пример 1:
Пример 2 (Не рекомендован)
#example-parent{
text-align:center;
}
Хотите точного выравнивания:
Указывайте padding у родителя при фиксированном размере блока;
Указывайте padding у дочернего элемента при фиксированном размере блока родителя;
Пример 1:
<html>
<head>
<title>
Тестовая страница
</title>
<style type="text/css"></style></head>
<body>
<style>
#example-child{
padding-left:100px;
}
#example-parent{
background:wheat;
width:400px;
height:400px
}
</style>
<div id="example-parent">
<div id="example-child">Я тест!</div>
</div>
</body>
</html>
Пример 2 (Не рекомендован)
<html>
<head>
<title>
Тестовая страница
</title>
<style type="text/css"></style></head>
<body>
<style>
#example-parent{
background:wheat;
width:300px;
height:400px;
padding-left:100px;
}
</style>
<div id="example-parent">
<div id="example-child">Я тест!</div>
</div>
</body>
</html>