Horizontal lists

This tutorial explains how to create horizontal lists and use list items as links in order to create a horizontal navigation bar. The result will look like the image below. …

Tables

This tutorial explains how to create a table in HTML and populate the table rows and columns with data. Tables can be used to organise and display a range of …

Float and clear property

[glossary_exclude]In this tutorial we will use the float and clear CSS properties to arrange images and text on a web page.: float property – with the float property, an element can …

Linear gradients

In this tutorial you will learn how to add a linear gradient background to a div. A linear gradient is where one colour gradually changes into another colour. A linear gradient can …

Styling lists

In one of the earlier tutorials we looked at how to create lists in a HTML web page. In this tutorial we will look at how to style both ordered and …

CSS nth-child selector

In a couple of the previous tutorials we looked at child selectors and pseudo classes. In this tutorial, we will move on to the nth-child selector. The nth-child selector is used to …

Styling your links

By default, links on your website will usually be blue and when the pages are linking to have been visited, the links will turn purple. However, we can customise the …