Creating a header in html

in GitPlait5 years ago

download.png
Here you would be learning how to create and style a header in HTML. Its Simple

first

  1. Write a Html code with a div tag and optionally give it any class name of your choice, I gave mine the name header.
    Remember this is what you're going to be referencing in the CSS page
<div class="header">
  <h1>Header</h1>
  <p>My  header</p>
</div>

Header

My header

  1. I gave my class name header( not compulsory) use another name
  2. On your CSS page use these format to arrange, color and size it to your taste
.header {
  padding: 60px;
  text-align: center;
  background: #1abc9c;
  color: white;
  font-size: 30px;
}

Stay closeby, I would be dropping other brief tutorials .