CSS 9 💻 text indent, vertical align, text align last, direction properties

text-indent → controls the  indentation to the first line of a block element
values → length values (mm, px), percentage values (%) and global values(inherit, initial etc)
example 1 →  Indents the first line of text by 40 pixels
example 2 → Removes any indentation from the first line of text
vertical-align → aligns the inline/inline-block/table cell element vertically inside its parent
values  →  baseline, sub, super, text-top, text-bottom, middle...
top, bottom and of course length(em, px etc) and percentage values (%)
example 1 → centers the child elements vertically
example 2 → centers these elements with their parent (the .container div) vertically

text-align-last → controls the alignment of the last line of text within a block element
values → start, end, left, right, center, justify and global values(inherit, initial...)
example 1 → aligns the last line of the paragraph to the left
example 2 → aligns the last line of the paragraph to the right
direction → controls the the text direction within a block element
values → ltr, rtl and global values(inherit, initial...)
example 1 →  This will make the text read from left to right
example 2 →  this will make the text read from right to left