Jump to content

Помогите с H1


Recommended Posts

Здравствуйте.

Помогите с тегом H1.

На странице есть текстовая строчка, первое слово нужно заключить в h1, но чтоб оно не отличалось от текста.

Первое слово заключил в <h1> в css прописал стили но первое слово так и осталось большим.

Пример:

 

html

<h1><div id="mainh1">Прописать</div></h1> стиль для тега h1 что бы первое слово было как в обычном тексте?! 

 

css

#mainh1 {
font-size: 12px;
font-weight: normal;    
color: #999;

 

}
 
Результат:
 
Прописать стиль для тега h1 что бы первое слово было как в обычном тексте?! 
 
Что не так ?!
Link to post
Share on other sites

вот так должно быть вроде:

 

<div id="mainh1"><h1>Прописать</h1></div> стиль для тега h1 что бы первое слово было как в обычном тексте?! 

 

#mainh1 h1 {
font-size: 12px;
font-weight: normal;    
color: #999;
}
Link to post
Share on other sites

 

А зачем там лишний div?

.normalh1 {
    font-size: 12px;
    font-weight: normal;    
    color: #999;
}
<h1 class="normalh1">Прописать</h1> стиль блаблабла

Спасибо.

Ваш вариант действителен, вот только слова одно на другими стало... а нужно чтоб в одну строчку. 

 

Результат вышел такой...

 

Прописать

стиль для тега h1 что бы первое слово было как в обычном тексте?! 

Link to post
Share on other sites

Спасибо.

Ваш вариант действителен, вот только слова одно на другими стало... а нужно чтоб в одну строчку. 

 

Результат вышел такой...

 

Прописать

стиль для тега h1 что бы первое слово было как в обычном тексте?! 

Добавим немного магии:

<html>
<head>
<style>
.normaltext {
	font-size: 12px;
    font-weight: normal;    
    color: #999;
	display:inline-block;
}
</style>
</head>
<body>

<h1 class="normaltext">Hello bro </h1> this is a test text without h1

</body>
</html>

Демка: http://jsfiddle.net/e0xht451/

П.с. - для "спасибо" на форуме есть кнопочка )

Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...