02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

Texting the CSS way

In this chapter we continue focusing on the page elemenets and their relation to the surrounding.

Duration: 56:27

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

Texting the CSS way Overview

What you'll learn

The last chapter was dedicated to aligning elements and this one will be dedicated to aligning text and relating it to HTML elements. In this chapter we will discover the way font, copy and other elements are defined and how they relate to their bounding elements.

Dealing with bi-directional paragraphs

By the end of this lesson you will know how to spot a copy that isn't well rendered even if it%u2019s not in your native language and will know how to fix it.

11:26

Aligning and text direction

By the end of this lesson, you will know how to define the direction of text and its alignment.

07:33

Defining Fonts

By the end of this lesson, you will know how to style the copy in HTML using CSS rules.

09:38

Types of Fonts

In this lesson we continue in that path as we explore the basic font families and how to render them with CSS.

09:49

Decorating and indenting text

By the end of this lesson, you will know how to decorate/style/control/indent text in HTML using CSS.

06:44

Paragraph level formatting

By the end of this lesson, you will know how to define word spacing, define line height, letter spacing and even how to keep white spaces in HTML documents.

07:50

Working with widows and orphans

By the end of the lesson, you will understand how windows and orphans work and know how to use them.

03:27
Download Source Files