Как поднять текст вверх в html
Для смещения слов в тексте, можно использовать CSS свойство vertical-align . В качестве значения, это свойство может принимать не только значения в виде слов, но и пиксели, проценты и другие доступные единицы. Так, например, выставив положительное значение мы можем поднять часть букв, или часть слов вверх относительно остального текста.
Пример текста class="up">где часть слов class="up">будут подняты
p /* Сделаем текст крупнее чтобы лучше видеть разницу */ font-size: 20px; > .up vertical-align: 15px; > Как опустить текст вниз блока div?
Всем привет! У меня есть блок div в котором содержится текст. Каким атрибутом CSS можно опустить этот текст вниз блока?
Заранее спасибо!
. согласен с 1 ответом.
padding-top или margin-top
Если перенести текст вниз, как при нажатии клавиши Enter, то можно просто вставить
Если оставить DIV на месте, никуда его не перемещая, то для внутреннего его содержимого отступы будут прописаны однозначно только свойством : PADDIND. Для того, чтобы отступ был снизу, то padding-bottom: значение;
Как опустить текст вниз? — HTML, CSS — Ответ 6947203
Не помогло, но все же спасибо.
А есть ли другой способ «запихнуть» этот текст под картинку?
| Меню пользователя @ cyberpupil |
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Готовые ответы и решения:
Как опустить футер вниз, если у меня все блоки абсолютны?
Здравствуйте. Помогите пожалуйста. Как сделать такую вещь: 2 сайдбара по бокам с фиксированной.
Опустить вниз блок
Здравствуйте, никак не могу сверстать шапку макета. Цитата не "спускается" вниз вот макет а вот.
Опустить объект вниз
Как мне опустить кнопку на некоторое количество пикселей вниз, например на 100 пикселей ‘<input.
Опустить вниз фоновый рисунок
Подскажите как опустить фоновый рисунок вниз? задаю я его в css: .t-body
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Опустить столбец силами css вниз
Есть два блока сверстанных в виде таблицы. Вот пример: ВОТ КОД: <div >
Опустить футер вниз экрана и добавить описание к рубрикам
Уважаемые, профессионалы! Помогите, пожалуйста, новичку разобраться как правильно опустить футер.
Как опустить текст ниже (margin-top не опускает)
Здравствуйте. Необходимо сделать мелочь по верстке, но вижу, что что-то мешает. Необходимо.
Опустить текст из слайдера под него
День добрый. Имею вот такой слайдер с текстом — По сколько много текста, на телефонах это.
Опустить кнопку и текст в ячейку таблицы
Она оранжевого цвета в верхнем правом углу.Ее нужно опустить на шапку шайта.Делал верстку блочно.
Как сделать чтобы текст не опускался вниз перед выпадающем слоем без использования свойства absolute?
Как сделать чтобы текст не опускался вниз перед выпадающем слоем без использования свойства.
Как спустить текст вниз?
Скрипт написан здесь Блок на css Я вставил туда ссылку и у меня щас пробелма. Я сделал этот блок высотой 50px и щас мне надо опустить на 16px. Я сделал margin-top: 16px; но не работает. (header — это тот самый стиль блока; txt-logo — стили текста)
Как мне опустить текст вниз?
Отслеживать
задан 8 фев 2014 в 14:58
380 1 1 золотой знак 4 4 серебряных знака 19 19 бронзовых знаков
Не совсем понятно, что вам требуется получить?
8 фев 2014 в 19:04
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
.txt-logo < color: rgba(0,0,0,0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.1); font-size: 26px; margin-left: 6%; // зачем если все равно обнуляете в конце? text-align: center; text-decoration: none; margin: 0; padding-top: 16px; // может это вам надо? >Отслеживать
ответ дан 8 фев 2014 в 19:02
2,542 12 12 серебряных знаков 12 12 бронзовых знаков
Не работает, но я уже решил оставить так как есть.
8 фев 2014 в 19:14
Оставил вот такой скрипт: ` .txt-logo < color: rgba(0,0,0,0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.1); font-size: 26px; margin-left: 6%; text-decoration: none; >`
8 фев 2014 в 19:15
@cnofss, а с каких пор код CSS называется скриптом? Может это какие-то новые веяния в верстке, а я и не знал . -)
9 фев 2014 в 3:25
Ну что вам конкретно надо вниз опустить? Текст ссылки? Если да, то может вам попробовать отдельное правило для ссылки? .txt_logo a < display: block; margin:16px auto 0 auto; >
9 фев 2014 в 5:56
Вот этот вариант работает 😀
9 фев 2014 в 9:06
Margin не сработал по причине того что тег a является inline он по умолчанию не может двигаться вверх или вниз ОТСТУПАМИ.
Отсюда можно сделать вывод, если хотим сделать отступ сверху нужно чтобы элемент перестал быть inline. Например так:
display: inline-block; margin-top: 100px; Так же мы можем позиционировать элемент относительно экрана/родителя/своего места в DOM. с помощью (пример позиционирования элемента относительно родителя, у родителя тоже должен быть position: relative):
position: absolute; top: 100px; left: 5px; Так же мы можем сдвинуть элемент с помощью трансформаций например(сдвинуть по Y Элемент относительно своего места в DOM):
transform: translateY(-50px);