Applying CSS classes to HTML

This is a paragraph of text coloured blue and aligned right. This is a paragraph of text coloured blue and aligned right. This is a paragraph of text coloured blue and aligned right.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus adipiscing iaculis. Vivamus eget tellus purus, mollis condimentum orci. Proin rhoncus risus id urna fringilla in volutpat lacus tempus. Quisque lorem libero, vestibulum ac bibendum non, interdum non elit. Sed feugiat felis a nulla consequat luctus. Praesent vitae interdum mi. Donec neque nunc, pharetra a suscipit at, commodo varius nibh. Cras in elit diam. Donec egestas diam vitae metus pretium pellentesque in sit amet turpis.

A red heading!

Some green text which is aligned centre.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus adipiscing iaculis. Vivamus eget tellus purus, mollis condimentum orci. Proin rhoncus risus id urna fringilla in volutpat lacus tempus. Quisque lorem libero, vestibulum ac bibendum non, interdum non elit. Sed feugiat felis a nulla consequat luctus. Praesent vitae interdum mi. Donec neque nunc, pharetra a suscipit at, commodo varius nibh. Cras in elit diam. Donec egestas diam vitae metus pretium pellentesque in sit amet turpis.

A blue heading

A paragraph of red text which is aligned left. A paragraph of red text which is aligned left. A paragraph of red text which is aligned left. A paragraph of red text which is aligned left.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus adipiscing iaculis. Vivamus eget tellus purus, mollis condimentum orci. Proin rhoncus risus id urna fringilla in volutpat lacus tempus. Quisque lorem libero, vestibulum ac bibendum non, interdum non elit. Sed feugiat felis a nulla consequat luctus. Praesent vitae interdum mi. Donec neque nunc, pharetra a suscipit at, commodo varius nibh. Cras in elit diam. Donec egestas diam vitae metus pretium pellentesque in sit amet turpis.


Back to coursenotes