How TO - Style a Header

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP





googletag.cmd.push(function() googletag.display('div-gpt-ad-1422003450156-2'); );



How TO - Style a Header



❮ Previous
Next ❯


Learn how to style a header.



Big Header




Try it Yourself »


Create a Header


Step 1) Add HTML:


Example



<div class="header">
  <h1>Header</h1>
  <p>My supercool
header</p>
</div>



Step 2) Add CSS:

Style the header with a large padding, centered text, a specific background-color and a big sized text:



Example



.header
  padding: 60px;
  text-align: center;
 
background: #1abc9c;
  color: white;
  font-size: 30px;

Try it Yourself »




❮ Previous
Next ❯

Popular posts from this blog

WWE Night of Champions

Poznań

Kaliningrad