בואו נתחיל מאחד החלקים הבסיסיים והשימושיים ביותר בעיצוב טקסט שהוא יישור הטקסט
(alignment) - האם הטקסט צריך להיות מיושר לימין? האם כותרת צריכה להיות במרכז?
אפשר ליישר את הטקסט בCSS בעזרת text-align
וזה נראה כך:

והפלא ופלא, הטקסט מיושר לצדדים שהגדרנו בחוקי הCSS.

בכדי לצבוע את הטקסט צריך להשתמש בcolor כאשר את הצבע ניתן להגדיר בכמה צורות: בעזרת שימוש בשמות צבעים רגילים כמו: blue, red וכו' או שאפשר לקרוא לצבע בשם ההקסדצימלי שלו כמו #8B008B שזה שם אחר לסגול (באינטרנט יש אינספור רשימות של צבעים שניתן למצוא את השמות ההקסדצימלים שלהם).

קיימת דרך נוספת שהיא בעזרת הRGB (עליה לא נעבור במדריך זה)

דוגמא לשימוש בצבעים:

This is a headline

Some text in the body (red)
The text in the paragraph is blue.

כך זה יראה.
שימו לב שהצבע שהגדנו לbody יהיה צבע ברירת המחדל (לאלו שלא הוגדר להם מראש חוק CSS המגדיר צבע).

כעת נתמקד בחוק CSS שהוא רלוונטי מאוד לכל מי שכותב אתר בעברית - כתיבה מימין לשמאל, בשביל זה נשתמש בdirection.

עברית זה כיף מימין לשמאל.

בחוק הCSS הנקרא direction שמנו את הערך rtl
(שאומר right to left).

במידה ומרווח בין השורות אינו מספק אתכם תוכלו להגדיר אותו כך:

p {line-height:50%;}

כמובן שתוכלו לשחק עם הערכים (באחוזים) ולהגדיל ולהקטין את הרווח בין השורות כאוות נפשכם.

ואם זה לא מספיק, תוכלו להקטין את המרווחים בין האותיות באותה הקלות:

p {letter-spacing:3px;}

טווח הערכים יכול להיות גם מספר שלילי.

במדריך זה סקרנו את עיצובי הטקסט העיקריים אך תוכלו למצוא עוד דברים נחמדים, כל מה שצריך זה לחפש.