HTML and CSS Cheat Sheet

This a page that (hopefully) in time will grow to cover the basic and simple HTML and CSS solutions.

Please add to your alternate solutions if you know a different way.

Making a <hr> horizontal rule smaller

hr {
  width: 75%;
  margin-left: auto;
  margin-right: auto;

Giving a <div> non scrolling background

#divName {
  padding-top: 50px;
  height: 500px;
  color: #fff;
  background-image: url("your_url.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;

Try different values to see the how it affects the div and over in the html

<div id="divName" class="container-fluid">

Center a horizontal list

Sections and Outlines of an HTML Document