How To Create A Header / Banner in HTML & CSS

In this article, you’re going to learn how to design a simple header in CSS for your website using the traditional approach as well as the flexbox approach.


<section class="header">
<h1>Company Name</h1>
<p>Company Mission Statement goes here</p>
<a class="btn-bgstroke">Call To Action</a>




Instructor/Owner of SoftAuthor!

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

APISIX, an API Gateway the Apache way

How to change the default new line delimiter in Ruby

HARMONY OS: One OS many devices

Testing and Generate Documentation for RESTful APIs using Spring REST Docs with Kotlin and…

Business Analysis: What Artifacts Do You Need to Start Development?

Let’s Talk about Microservices “Owning” their Data

Fuel finance release new yFarmpool on @Balancerlabs

Run your Android CI in Google Cloud Build

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Raja Tamil

Raja Tamil

Instructor/Owner of SoftAuthor!

More from Medium

Tutorial: CSS Animation — Rotating Cards

CSS Snippets: Flexbox

Creating Simple and Modern CSS Loading Indicators (aka Spinners)

Full-Stack Day 2: Time to jump into CSS Fundamentals again — Selectors

Html elements