Можно ли в одной строке с заголовком Н2 уместить текст?
В смысле, чтобы текст не переносился на новую строку? Я понимаю, что Н2 блочный элемент и стремится занять всю строку по ширине. Заключить Н2 + текст внутрь тэга
не помогает. Все отступы и выступы (margin, padiing) из стилей вроде как поубирал. Т.е. иными словами можно ли из вот такого:
заголовок
текст
сделать вот такое:
заголовок
текст
? А на практике у меня суть вопроса вот к чему сводится: на скрине две выделенных части текста ну или 2 подзаголовка. В первом случае — это тупо
- eTarget 2011:Панельная дискуссия «Стратегия и планирование рекламной кампании в интернете»
- eTarget 2011: Круглый стол «Реклама в онлайн-видео»
- Могут ли «плохие» входящие ссылки привести к ухудшению ранжирования?
На сайте с 06.09.2012
12 марта 2013, 10:43
Куча способов, а что мешает например, вставить дополнительный текст в блок и использовать float ?
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
На сайте с 20.04.2007
12 марта 2013, 10:44
. 🙂 Облачные серверы от RegRu — промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
На сайте с 10.03.2013
12 марта 2013, 10:47
дани мапов:
что мешает например, вставить дополнительный текст в блок и использовать float ?
дык, чем меньше в H2 информации тем лучше с точки зрения оптимизации или. ? Я наоборот стараюсь даже Н1 полностью не повторять в Н2. А тут получится целый абзац в Н2 или я вас не правильно понимаю
ivan-lev, этот код я так понимаю прописывать в maincolumn.css?
На сайте с 20.04.2007
12 марта 2013, 10:58
bar2wo:
ivan-lev, этот код я так понимаю прописывать в maincolumn.css?
Если в .css, то без тэгов
На сайте с 10.03.2013
12 марта 2013, 11:17
ivan-lev, попробовал и так и так. Работает, но не решает проблему. Убирается пробел аж сверху, но вниз по-любому идет разрыв строки и текст после заголовка с новой строки хоть как, а не рядом с Н2.
UPD. Даже просто из html перехожу в режим «визуально» и уже автоматом разрыв строки даже в черновике (до опубликования).
На сайте с 04.03.2013
12 марта 2013, 11:18
ПС уже давно не уделяет большого внимания тегам заголовков. Так что извращаться не стоит. Но, если желание все же есть, то так:
font-size:inherit; font-family:inherit; color:inherit; margin:0; padding:0;
Полностью сведет заголовок до уровня текста, но оставит его в полужирном начертании.
И вот еще совет: присваивай к тегам классы. Например,
заголовок
текст
Тогда в CSS можно будет писать просто
some styles
C ростом проекта вы столкнетесь с ужасной головной болью, если будете писать стили для тегов, а не для классов. Тегу стоит приписывать самые общие стили, например, цвет или шрифт, а вот если перед вами нестандартная задача, как в данном случае, использование класса — оптимальный вариант.
Вывод текста на одной строке html
Но текст почему то на разных строках оказывается, а мне надо чтобы на одной строке был текст. Как это сделать? div не обязательно, но главное чтобы background-color и color можно было задать и ещё шрифт.
Отслеживать
задан 1 июн 2019 в 14:49
user302477 user302477
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
div — по умолчанию блочный элемент. Вам нужно принудительно задать ему свойство
display: inline-block; тогда блоки будут расположены друг за другом. Но, рекомендую Вам ознакомиться с bootstrap, это очень удобно и практично при решении вопросов с вёрсткой. Итого:
hello 0c0c0c Отслеживать
ответ дан 1 июн 2019 в 15:08
Тимур Жумашев Тимур Жумашев
382 3 3 серебряных знака 10 10 бронзовых знаков
Да я в qt делаю программу. Там надо в html тегах задать текст.
– user302477
1 июн 2019 в 15:21
• Обычно используют тег для работы с текстом. У блоков div по умолчанию стоит display: block; — который переносит их на отдельную строку и дает ширину 100%. Они будут вести себя как span, если задать display: inline;
• CSS позволяет вынести все стили из HTML в отдельное место. Так легче работать с кодом, особенно если у вас будет много таких подкрашенных кусков. Каждый раз достаточно будет добавлять на элемент класс с нужной краской, а не весь код. Это дело добавляется где-то вверху страницы, внутри
• Цвет вида #aa33bb можно сократить до #a3b
.hello < background-color: #888; color: #fff; font-family: 'Monotype Corsiva'; font-size: 25px; >.bubu
hello 0c0c0c 1122334455 0c0c0c mooooo 0c0c0cКак разместить два слова на одной строке, чтобы они как бы смотрели на друг друга?
У fructcode bootstrap 3 используется, тут пример: https://getbootstrap.com/docs/3.4/examples/navbar/ Если на чистом html и css, расположение можно сделать в одну строчку с помощью css свойства float: left; или можно с помощью flexbox или grid. Пример на grid: HTML
.wrapper < display: grid; grid-auto-rows: 100px; /* высота 100px */ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); transform: scaleY(-1); /* зеркальное отражение по вертикали */ >.wrapper > div
Sign up or Log in to write an answer
- Интерактивные уроки и курсы программирования и создания сайтов (дистанционное обучение) помогут вам в игровой форме изучить основы языков программирования веб-разработки и веб-программирования с нуля. Обучение онлайн 24/7.
Общие ссылки
- Отзывы
- Политика конфидециальности
- Условия использования
- Блог
- Цена и оплата
- Курсы и скринкасты
- Сертификаты
- Партнерская программа
- Комьюнити
Наши курсы и скринкасты
- HTML/CSS Advanced
- Bootstrap 4
- Vue JS
- Linux, GIT and web-hosting
- HTML and CSS
- Modern Javascript
- Javascript/jQuery
- Codeigniter
- Все курсы и скринкасты
Как сделать текст неразрывным в HTML
Узнайте, как сделать текст неразрывным в HTML с помощью неразрывного пробела, устаревшего тега « и CSS-свойства `white-space`.
Алексей Кодов
Автор статьи
2 июня 2023 в 11:32
В этой статье мы рассмотрим, как сделать текст неразрывным в HTML, что может быть полезно, когда мы хотим, чтобы слова оставались вместе на одной строке и не переносились на следующую.
Использование неразрывного пробела
Самый простой и распространенный способ сделать текст неразрывным в HTML — использовать неразрывный пробел . Вот как это работает:
Сегодня температура воздуха составляет 30 градусов.
В этом примере между числом 30 и словом «градусов» используется неразрывный пробел, чтобы они оставались на одной строке.
Веб-разработчик: новая работа через 9 месяцев
Получится, даже если у вас нет опыта в IT
Использование тега
Еще один способ сделать текст неразрывным — использовать тег . Однако стоит заметить, что этот тег является устаревшим и не рекомендуется к использованию в современной веб-разработке. Вот пример использования тега :
Сегодня температура воздуха составляет 30 градусов .
Использование CSS
Еще один способ сделать текст неразрывным — использовать CSS свойство white-space . Вот как это сделать:
Сегодня температура воздуха составляет 30 градусов.
В этом примере мы используем свойство white-space со значением nowrap , чтобы текст в абзаце не переносился на новую строку.
Заключение
Теперь вы знаете три различных способа сделать текст неразрывным в HTML ��. Напоминаем, что лучший и современный подход — использовать неразрывный пробел или свойство CSS white-space . Удачи в веб-разработке!