как сделать чтоб текст выделенный кодом H1, H2 не переносился на новую строку

Подскажите, пожалуйста, как сделать чтоб текст выделенный кодом H1, H2 и т.д. не переносился на новую строку.

С помощью текстового редактора JCE 1.5.6 выделяю нужные слва в тексте выбирая "Heading 2" после чего выбираю необходимый размер шрифта соответственно получаю код:

<p>В соответствии с действующим законодательством, адвокатской деятельностью является</p>
<h2><span style="font-size: 10pt;">квалифицированная юридическая помощь</span></h2>
, оказываемая на ..... <p> </p>

слова выделенные как H2 отображаются на новой строке с выравниванием как и у другого текста. Необходимо же чтобы весь текст отображался сплошным абзацем (тоесть убрать перенос текста выделенного Н2 на новую строку)

 

h1,2,3 и т.д. это тот же параграф, он блочный. Что б он не был блочным, как вариант, можно в ксске поставить display: inline применимо к этому тегу.

 

Прошу прощения, но не совсем понял куда в моем случае надо всетить строку "display: inline"
в моем файле по адресу "\templates\allrounder_v1.2standart\css\typo.css" есть следующее:

h1,h2,h3,h4,h5,h6 {text-shadow: 0 1px 0 #fff, 0 -1px 0 #ccc; margin: 10px 0;}
h1 {font-size: 220%;}
h2 {font-size: 200%;}
h3 {font-size: 180%;}
h4 {font-size: 160%;}
h5 {font-size: 140%;}
h6 {font-size: 120%;}

Может быть я не туда смотрю, подскажите, пожалуйста

 

Если присвоить здесь:

для h display inline, то это будет для всех. Лучше сделать именно для тех которые в контенте. Допустим

Код (html):

1. .content h2{
2. display:inline;
3. }

Ну эт если у вас есть класс content у какого нить дива выше текста.
+ Еще я сразу не заметил, нужно ж писать h в p. Тобишь

Код (html):

1. <p>В соответствии с действующим законодательством, адвокатской деятельностью является
2. <h2><span style="font-size: 10pt;">квалифицированная юридическая помощь</span></h2>
3. , оказываемая на ...</p>

 

Еще раз извиняюсь, но если Display inline будет для всех это для меня как для начинающего даже хорошо, ведь выделить нужные слова дополнительным энтэром мне не сложно. пропробовал вставить в строку:
h1,h2,h3,h4,h5,h6 {text-shadow: 0 1px 0 #fff, 0 -1px 0 #ccc; margin: 10px 0; display: inline}
и в строку
h2 {font-size: 200%; display: inline}
не помогло
отдельно пытался прописать после указанной мной цитаты кода
.content h2{
display:inline;
}
так же не помогло.
после указанного мной кода так же не помогло. Может быть дело в

<p>В соответствии с действующим законодательством, адвокатской деятельностью является</p>
<h2><span style="font-size: 10pt;">квалифицированная юридическая помощь</span></h2>
, оказываемая на ..... <p> </p> которые он почему-то проставляет сам, даже если я их удаляю вручную через редактор HTML в JCE 1.5.6

 

без этого от ксски толку нету, потому что p это параграф, параграф это абзац, а значит новая строка. Редактор, по идее, вставляет < p >, если есть абзац. Лишние абзацы и пробелы с html-кода попробовать убрать мона.

 

Прошу прощения за задержку
Попытался удалить лишние пробелы, но редактор их расставляет сам ни как не могу разрешить проблему.
адрес сайта: www. advokat-pichugina.ru тут видно в чем проблема (внизу сайта слова с пометкой н2 выстроены в столбик, а необходимо сделать их одной строкой)

Может в разрешении проблемы поможет следующеие выдержки из файлов по данному модулю (footer) и пометкам H1-H6? а, так же непосредственно copytext в котором и расставлены тэги h2:
1. файл modules.css

/* foot1, foot2, foot3 */
#foot123 {
width: 100%;
display: inline-block;
margin: 5px 0 5px 1%;
padding:0;
height: auto;
}
#foot1, #foot2, #foot3 {
float:left;
width: 32%;
margin: 0 1% 0 0;
}
#foot1 .module, #foot2 .module, #foot3 .module {
border: 1px solid #fff;
margin: 0;
}
#foot1 .module div div div, #foot2 .module div div div, #foot3 .module div div div {
border: 1px solid #aaa;
padding: 10px;
overflow:hidden;
}
/* foot4, foot5 */
#foot45 {
width: 100%;
display: inline-block;
margin: 5px 0 5px 1%;
padding:0;
height: auto;
}
#foot4, #foot5 {
float:left;
width: 48.5%;
margin: 0 1% 0 0;
}
#foot4 .module, #foot5 .module {
border: 1px solid #fff;
margin: 0;
}
#foot4 .module div div div, #foot5 .module div div div {
border: 1px solid #aaa;
padding: 10px;
overflow:hidden;
}
/* foot6*/
#foot6out {
width: 100%;
display: inline-block;
margin: 5px 0 5px 1%;
padding:0;
height: auto;
}
#foot6 {
float:left;
width: 98%;
margin: 0 1% 0 0;
}
#foot6 .module {
border: 1px solid #fff;
margin: 0;
}
#foot6 .module div div div {
border: 1px solid #aaa;
padding: 10px;
overflow:hidden;
}

2. файл typo.css

h1,h2,h3,h4,h5,h6 {text-shadow: 0 1px 0 #fff, 0 -1px 0 #ccc; margin: 10px 0;}
h1 {font-size: 220%;}
h2 {font-size: 200%;}
h3 {font-size: 180%;}
h4 {font-size: 160%;}
h5 {font-size: 140%;}
h6 {font-size: 120%;}

h1.info, h1.right, h1.alert, h1.tell, h1.content, h1.note {
background-repeat : no-repeat;
padding: 5px 0 0 55px;
min-height:55px;
line-height:normal;
}
h1.info {
background-image : url(../images/icons/info.png);
}
h1.right {
background-image : url(../images/icons/right.png);
}
h1.alert {
background-image : url(../images/icons/alert.png);
}
h1.tell {
background-image : url(../images/icons/tell.png);
}
h1.content {
background-image : url(../images/icons/content.png);
}
h1.note {
background-image : url(../images/icons/note.png);
}

h3.section {
background-color:#fff;
border:2px solid #eee;
border-top: 2px solid #f1f1f1;
border-bottom: 2px solid #ccc;
background-image : url(../images/icons/section.png);
background-repeat : no-repeat;
background-position:0 6px;
padding: 15px 0 15px 55px;
text-shadow: 0 1px 0 #fff, 0 0 2px #666;
}
form {
width:99%;
display: inline-block;
}

3. Файл template.css
#footer {
font-size: 10px;
clear: both;
width: 100%;
overflow: hidden;
text-align:center;
padding:10px 0;
}
#footer, #footer a {
color: #151515;
text-shadow: 0 1px 0 #fff;
}
#subfoot {
min-height: 15px;
line-height: 15px;
width: 100%;
background: #353535;
border-top: 1px solid #fff;
border-bottom: 1px solid #222;
}
.copytext {
padding: 3px 0;
font-size: 11px;
text-align:center;
color: #000;
text-shadow: 0 1px 0 #555;
}
#copyout, #copy a {
color: #000;
text-shadow: 0 1px 0 #444;
}
#copyout {
height: 50px;
margin: 0 -16px 0 -16px;
padding:0;
background:#333;
position:relative;
border-top: 1px solid #444;
border-left:1px solid #444;
border-right:1px solid #444;
border-bottom:2px solid #555;
overflow:visible;
}
.ceckl {
width: 0; height: 0;
line-height: 0;
border-left: 14px solid transparent;
border-bottom: 10px solid #222;
top: -11px;
left: 0;
position: absolute;
}
.ceckr {
width: 0; height: 0;
line-height: 0;
border-right: 14px solid transparent;
border-bottom: 10px solid #222;
top: -11px;
right: 0;
position: absolute;
}

#scroll_up {
float: right;
width: 10%;
}
a#gotop {
color: #fff;
display:block;
height:50px;
line-height:45px;
width:100%;
text-align:center;
text-shadow: 1px 1px 1px #000;
}
a#gotop:hover {
text-decoration:none;
text-shadow: 1px 1px 0 #777, 4px 4px 4px #000;
}
#copy {
font-size:10px;
width: 80%;
height: 50px;
line-height: 50px;
margin: 0 0 0 10%;
text-align:center;
}