CSS direction

The direction property in CSS specifies the direction of the text, along with the order of the lines within that text block. It can have the values of ltr (left-to-right) or rtl (right-to-left).

Let's see an example:

    
This is a left-to-right text.
    
This is a right-to-left text.
  

In the above example, we have two paragraphs. The first paragraph has direction:ltr set, making it left-to-right. The second paragraph has direction:rtl set, making it right-to-left.

It's important to note that the direction property affects the entire text block, so any text within that block will also follow the specified direction.

Now, let's look at a more practical example using a table:

In the table above, the first column has English text with direction:ltr set, while the second column has Arabic text with direction:rtl set. This showcases how the direction property can be used in more complex layouts.

Experiment with the direction property in your own CSS stylesheets to control the text flow and layout of your web pages.