Как выровнять нумерованный список по центру?
Не получается выровнять пронумерованный список по центру. Пыталась заключить в дивы, просто выравнивала элементы списка — либо пропадает нумерация, либо все на странице съезжает незнамо куда. Не могу найти, как же всё — таки выровнять, помогите.
Отслеживать
задан 2 мар 2020 в 13:19
Cindy Longstickluv Cindy Longstickluv
87 1 1 серебряный знак 7 7 бронзовых знаков
обернуть его блочным тегом, и написать этому тегу text-align: center; а ol display: inline-block
2 мар 2020 в 13:36
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
.test < width: 100%; text-align: center; >.center < display: inline-block>li
Отслеживать
ответ дан 2 мар 2020 в 13:38
3,947 1 1 золотой знак 8 8 серебряных знаков 22 22 бронзовых знака
добавь для li text-align: left
2 мар 2020 в 13:40
@user355827 Спасибо большое, помогло. Люблю
2 мар 2020 в 13:42
@MaximLensky поправил,спасибо за замечание
2 мар 2020 в 13:43
@MaximLensky Спасибо! <3
2 мар 2020 в 13:44
Следует использовать свойство CSS list-style-position: inside
Свойство list-style-position устанавливает будет ли появляться маркер внутри пунктов списка или снаружи перед началом каждого пункта. Значение по умолчанию — outside , которое заставляет маркеры находится снаружи пунктов списка и не позволяет ему центрироваться вместе с содержимым.
Таким образом ваш код будет:
Отслеживать
ответ дан 10 апр в 21:59
11 2 2 бронзовых знака
- css3
- html5
- веб-программирование
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
HTML выравнивание текста по центру, ширине и отступ
В примере ниже показано, как выровнить текст по ширине страницы:
С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.
С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.
С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.
С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.
Значение justify обеспечивает равномерное выравнивание текста справа и слева, то есть по ширине. Такой метод широко используется в печати.
Выравнивание текста в HTML по центру и по ширине
Выравнивание текста в HTML по центру, текст справа:
| Текст выровнен по левому краю страницы. Текст справа страницы. Текст выровнен по центру, розового цвета, размером в 30 пикселей. |
Атрибуты и значения
- align=»left» – определяет выравнивание текста слева (по умолчанию).
- align=»center» – выравнивает текст по центру.
- align=»right» – выравнивает текст справа.
Выравнивание | HTML отступ текста
HTML текст и его отступ слева страницы
Произведем отступ текста слева двумя способами:
Отступ слева с использованием CSS атрибута.
|
В первом случае отступ строки был произведен тегами , а во втором случае – с помощью CSS атрибута text-indent , значения которого устанавливаются в пикселях и могут иметь любую величину, что бывает очень удобно.
Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018
HTML текст 
HTML отступ, текст по центру, по ширине 
HTML перенос
© 2009 — 2023 | При использовании материала, ссылайтесь на мой сайт!
По всем вопросам обращайтесь: go@ab-w.net | Текст по центру, HTML отступ? – Не вопрос!
Как выровнять body по центру?
Как в контейнере body выравнять текст по центру?
Доброго времени суток! В теге body выставилtext-align:center. Но текст выравнялся вдоль левого.
Как выровнять по центру?
Народ подскажите! как цифру 1 выровнять по центру блока, высота которого будет динамична
Как выровнять по центру h2?
Чтоб блок с картинками был на следующей линии? <div <div.
Как выровнять меню по центру?
Не могу понять, как выровнить меню по центру с применением align-items: center и justify-content.
Почетный модератор
16843 / 6722 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
эмм.. а зачем равнять body по центру?
Добавлено через 41 секунду
и вообще, как можно выровнять «тело документа» по центру документа?
Регистрация: 06.03.2013
Сообщений: 20
Эм, у меня первоначальный, открывающий тэг body, в нём всё(шапка, блоки, контейнера), хотел центрировать (center) 0_о
Добавлено через 1 минуту
Затупок
Почетный модератор
16843 / 6722 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
text-align ?
или заключить все в еще один блок, и для него прописать ширину и отступы
Регистрация: 27.03.2013
Сообщений: 55
возьми все оберни в div#wrapper, например:
1 2 3 4 5
body> div id='wrapper'> /div> /body>
и для #wrapper дай
margin:0 auto;
Регистрация: 06.03.2013
Сообщений: 20
Да, да, блииин, сидел, неделю тупил, спасяб, остальное сам знаю
Регистрация: 24.01.2014
Сообщений: 19
А я замонавшись искать способы, поставил так =)))
1 2 3 4 5 6
table width="100%" border="0"> tr> td width="30"> /td> td> КОД БАННЕРА /td> /tr> /table>
Блин как выровнять по центру это чудо ?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
script type="text/javascript"> try(function(d,ad,s,ulp,subID,injectTo){ /* Optional settings (these lines can be removed): */ ulp = ""; // - custom goto link; subID = ""; // - local banner key; injectTo = ""; // - #id of html element (ex., "top-banner"). var dInject="admitad"+ad+subID+Math.round(Math.random()*100000000); injectTo=="" && d.write('+dInject+'">'); s=s.replace("$",ad);s+="?inject="+(injectTo=="")(window.document,"413714dac2f31fedd8254e6a7d5642","ad.admitad.com/j/$/","","","");}catch(err){} script> noscript> embed wmode="opaque" width="728" height="90" src="http://ad.admitad.com/f/413714dac2f31fedd8254e6a7d5642/" type="application/x-shockwave-flash"> noembed> a target="_blank" rel="nofollow" href="http://ad.admitad.com/goto/413714dac2f31fedd8254e6a7d5642/"> img width="728" height="90" border="0" src="http://ad.admitad.com/b/413714dac2f31fedd8254e6a7d5642/" alt="До зарплаты BY" /> a> noembed> noscript>
Побывал: text-align, вставлял в стильЦСС >
1 2 3 4
#flashContent { margin: 0 auto; }
Как выровнять по центру css
В наше время все больше популярности набирают широкоформатные экраны, однако веб-ресурс не всегда должен занимать ширину всего монитора. Главным образом это зависит от дизайнерского решения. Схема реализации этого решения приведена ниже: 
Решение
Реализация поставленной задачи заключается на принципе работы свойства margin — внешних отступов блока. В том случае, если блоку установить точное значение ширины, а отступы по бокам определить в автоматическом режиме (значение auto), то контейнер займет свое определенное место, установленное шириной, а оставшееся место распределится поровну для левого и правого отступа. Таким образом, достигается выравнивание блока по центру при любом значении ширины экрана. Код, на котором основывается наш способ, приведен ниже HTML
body> div>div> body>
body background: #eee; margin:0px; padding:0px; > div width: 300px; height: 300px; background: #5395f7; margin: 0px auto; >
Проверяем в браузере наш код
В каких браузерах работает?
| 6.0+ | 9.5+ | 3.1+ | 2.0+ |