CSS Full Width

Web pages are usually designed with elements that fit well across the page. Understanding the CSS properties that enable you to do this forms the basic skills needed to build upon, improve, scale, maintain and test your app.In this article, we look at how to do this step-by-step.

1. Create…

--

--

Block level elements start on a new line.

Common examples are:

  • <div>
  • <p>
  • <h1> -<h6>

Inline elements don’t start on a new line.

They take as much width as necessary where started.

Common examples are:

  • <span>
  • <img>
  • <a>

--

--