Как подвинуть текст внутри div?
Не могу понять как установить надпись «02», также как на примере выше. Можете подсказать?
Выходит, только так: 
И вообще правильно ли я сверстал данный элемент?
Спасибо за помощь!
- Вопрос задан более года назад
- 1530 просмотров
Простой 2 комментария
- Вконтакте
0. Для начала, знакомьтесь, это валидатор html https://validator.w3.org/nu/
Он расскажет о том, что атрибут align устарел.
1. 02 это псевдоэлемент.
Т.е. либо у вас где-то должен быть нумерованный список, у него скрыта нативная нумерация, а затем добавлены псевдоэлементы и стилизованы. Если эта нумерация нужна не как украшение, а именно для восприятия.
Либо это просто номер страниц или глав (секций) или типа того. И тогда это просто псевдоэлемент. Если это только украшения.
Этот псевдоэлемент позиционируете с помощью гридов или абсолютом.
2. Картинка, которую вы даже называете словом fon.png должна быть сделана фоном. Она ведь не содержит никакого смысла, а является только украшением.
И слеши в путях пишутся в другую сторону, так /
3. Высоту в верстке задают очень редко (например, когда надо картинку вписать в блок). Мы почти никогда не знаем сколько будет контента на реальном сайте, какого размера шрифт у пользователя и т.д. Поэтому высота блока сама подстраивается по контенту. Если очень нужно, можно задать минимальную или максимальную высоту.
как перемещать текст по странице сайта?
У меня есть текст, а как мне его перемещать ВНИЗ/ВВЕРХ, ВПРАВО/ВЛЕВО ?
Элемент можно двигать с помощью transform: translate(. ) :
Пусть в HTML файле у тебя есть: <h1 >Заголовок</h1> Тогда в css-файле нужно указать с помощью margin и padding:
Кинь текст в блок, потом для блока можешь сделать отступы с помощью margin и padding
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.5.24.43458
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
сдвиг текста вниз с помощью CSS
Если я правильно это читаю, значит, вы пытаетесь перебросить границу между двумя ячейками таблицы, что не сработает. Вам нужно объединить первые две ячейки в правом столбце, а затем rowspan = «2» новую ячейку с номером в ней. Затем по верхнему или нижнему краю выровняйте текст в ячейке по вертикали и добавьте верхний отступ, пока он не выровняется правильно.
Если вы хотите сдвинуть его вниз , вам нужно сдвинуть его на положительный 6 пикселей, а не на отрицательный 6 пикселей, и установить свойство вверху , а не внизу
Возможно, вам будет лучше использовать:
Однако трудно узнать больше без некоторого контекста того, что еще находится вокруг этой ячейки таблицы.
Label — это встроенный элемент, поля / отступы будут работать только тогда, когда вы сделаете его блоком (встроенный блок, блок или поплавок). Попробуйте следующее:
Используйте padding-top: 6px; вместо позиционирования, что может стать очень запутанным по отношению к родственным элементам и т. Д. И иметь другие побочные эффекты.
Как спустить текст вниз?
Скрипт написан здесь Блок на css Я вставил туда ссылку и у меня щас пробелма. Я сделал этот блок высотой 50px и щас мне надо опустить на 16px. Я сделал margin-top: 16px; но не работает. (header — это тот самый стиль блока; txt-logo — стили текста)
Как мне опустить текст вниз?
Ответы (2 шт):
Margin не сработал по причине того что тег a является inline он по умолчанию не может двигаться вверх или вниз ОТСТУПАМИ.
Отсюда можно сделать вывод, если хотим сделать отступ сверху нужно чтобы элемент перестал быть inline. Например так:
Так же мы можем позиционировать элемент относительно экрана/родителя/своего места в DOM. с помощью (пример позиционирования элемента относительно родителя, у родителя тоже должен быть position: relative):
Так же мы можем сдвинуть элемент с помощью трансформаций например(сдвинуть по Y Элемент относительно своего места в DOM):