Нужна помощь по CSS
Страницы: 1
Нужна помощь по CSS
Здравствуйте!
Не получается настроить тег H2 в CSS. Вот в чём причина когда я в редакторе пишу текст: текст1 <h2>текст2</h2> текст3. То по какой то причине он переносит весь текст из тега h2 на новую строку:
Цитата
текст1
<h2>текст2</h2>
текст3.

Вот собственно сам CSS:

Код
Главные стили. Внешний вид шаблона.
*/

body {
   padding: 0;
   margin: 0;
   background: #eaeaea url(../images/body.jpg) left top repeat-x;
   text-align: left;
   font: 12px Arial;
   color: #676767;
}

h1, h2, h3, h4 {
   padding: 0;
   margin: 0;
}
h3 a {
         color: #c41e3a;
         font-weight: bold;
         font-size: 14px;
   }

.head {
   height: 155px;
}

.copy ul,.copy li {margin: 0; padding:0;}
 


и

Код
.short-block {
   padding: 5px;
}

   .short-block a {
      color: #7e1414;
      
   }
.short-block h1 {
         color: #960018;
         font-weight: bold;
         font-size: 18px;
      }   
.short-block h2 {
         font-size: 12px;
         white-space: nowrap
      }
      .short-block h3 {
         color: #4f4f4f;
         font-weight: bold;
         font-size: 12px;
      }
      
         .short-block h3 a {
            color: #fe8f00;
            font-size: 20px;
            font-weight: normal;
         }

         .short-block h3 span {
            color: #6b5b25;
            font-size: 12px;
         }
         
            .short-block h3 span a {
               color: #7e1414;
               font-size: 12px;
               font-weight: bold;
            }
 


.short-block h2  и отвечает за настройку H2 в том месте. Нужно сделать чтобы тег h2 оставался на той же строке. Заранее благодарен!
.short-block h2 {
   font-size: 12px;
   white-space: nowrap;
display:inline;
}
Цитата
Александр пишет:
.short-block h2 {
font-size: 12px;
white-space: nowrap;
display:inline;
}
Всё заработало, а если мне надо что бы h2 работал в параграфе <p>текст < h2 >текст</ h2 > текст </p> как нужно прописать в CSS?
Если он в том же блоке с классом .short-block, то больше ничего. Если в другом месте, то смотрите на класс параграфа или самому заголовку класс пропишите.
Изменено: Александр - 19 Октября 2013 08:17
Как такового класса параграфа я не нашёл. я создал в блоке с классом .short-block

Код
.short-block p {      
          white-space: nowrap; 
      display:inline;
}
 
Что именно нужно приписать? Если я прописываю это, то у меня шаблон уезжает в правую сторону вытягивая весь текст параграфа в одну строку....
Цитата
Александр пишет:
Если он в том же блоке с классом .short-block, то больше ничего. 


Цитата
Александр пишет:
.short-block h2 {
font-size: 12px;
white-space: nowrap;
display:inline;
}
Это и оставьте.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
22:45 Всем привет! 
19:37 Xrumer-полезный софт или нет? 
17:26 AI под надзором. Минцифры готовят клеймо для контента 
17:23 APK на паузе. Google убивает быстрый конверт 
17:18 Яндекс-ап 20 марта и похороны ChatGPT, Claude и Gemini. Считаем убытки 
15:02 Слипание слов в блоке 
10:39 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
17:24 Обменный Сервис - Купец (Kupec.cc) 
15:52 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
14:06 Продвижение YouTube видео в топ поиска | Любой тип контента | Гарантия результата 
14:06 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод 
14:06 Trustpilot Reviews | Подниму рейтинг вашей компании 
14:06 Установка|Настройка|Доработка|Наполнение сайтов|Дизайн|3D|Видеомонтаж 
13:24 Мобильные и Резидентные Прокси Для Соц Сетей | 3 Гб Бесплатно 
01:42 Точные прогнозы на футбол 
00:53 Сайты Рунета 
21:59 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
21:22 молодильные яблоки и живая вода 
08:52 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 
20:23 Панель Кнопки соцсетей 
14:03 Огородники