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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...