Заголовок сайта

[Fktrctq]

Ну так всётаки можно сделать так как на картинке
(Master Dik красиво - своими руками) можно всю эту надпись заключить это всё в тег h1 и чтобы у каждого слова был свой стиль как на картинке?

[earnkz]

Напишите ваш CSS код для этого заголовка, поправим.

[Fktrctq]

html

PHP код:

id="logo"><h1>Master</h1><span> Dik</span><h4>красиво - своими руками</h4></div> 


css

PHP код:

#logo h1 {float:left;display: inline
  font-family:Tahoma;
  font-size: 36px;
  text-shadow: 0.1em 0.1em 0.3em black;
  color: #309dff;
  text-align: center;
  padding-top: 20px;
  margin-bottom: 15px;
  margin: 0;
  }
h4 {
  font-family:Tahoma;
  font-size: 12px;
  text-shadow: 0.1em 0.1em 0.3em black;
  color: #0d70cb;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 15px;
  margin: 0;
  } 
#logo span  {display: inline
  font-family:Tahoma;
  font-size: 36px;
  color: #ccc;
  text-align: center;
  padding-top: 20px;
  margin-bottom: 15px;
  margin: 0;} 


[Fktrctq]

Переписал под HTML5
код html

PHP код:

<header>
       <hgroup>
       <h1 class="h1">MasterDik</h1>
       <h2 class="h2">красиво - своими руками<h2>
       </hgroup>
       </header> 


код css

PHP код:

h1.h1, h2.h2{text-align: center;
  font-family:Tahoma;
  text-shadow: 0.1em 0.1em 0.3em black;
  padding-top: 20px;
  margin-bottom: 15px;
  margin: 0;}
h1.h1 {font-size: 36px;  color: #309dff;}
h2.h2 {font-size: 12px;  color: #0d70cb;} 


подскажите что ещё нужно сделать чтобы слово Dik было белым цветом Спасибо!

[earnkz]

Fktrctq, Как то так:

Код HTML:

<header> <hgroup> <h1 class="h1">Master</h1><span class="header">Dik</span> <h2 class="h2">красиво - своими руками<h2> </hgroup> </header>

Код:

header {
    font-family:Tahoma;
    text-align: center;
    text-shadow: 0.1em 0.1em 0.3em black;
    padding-top: 20px;
    margin-bottom: 15px;
    margin: 0;
}
h1.h1 {font-size: 36px;  color: #309dff; display: inline;}
h2.h2 {font-size: 12px;  color: #0d70cb;}
span.header {font-size: 36px;  color: #fff;}