כיצד לצמצם את הרווח בין השורות ב- HTML

שלב 1

הפעל את תוכנית עורך הטקסט שלך ופתח את דף ה- HTML.

שלב 2

הצב את הסמן בין הקטע "" בקוד ה- HTML שלך וכתוב את קוד ה- CSS הבא:

קוד CSS זה יוצר מציין מיקום עבור כלל הסגנון הבא.

שלב 3

הזן בורר בתוך התגים "", שהוא אלמנט דף HTML שאליו ברצונך להחיל את כלל CSS. לדוגמה, כתוב תג "p" כדי לשלוט על המראה של פסקאות בדף האינטרנט שלך:

שלב 4

כתוב את סוגריים הפתיחה והסגירה לאחר הסמן "p" והזן "line-height:" בין הסוגריים. לאחר "line-height:", הזן את ערך האחוזים המציין את המרחק בין כל שורת טקסט. דפדפני אינטרנט בדרך כלל במקום את התוכן עם רווח בין 110 ל 120%. הזן ערך נמוך יותר, כגון 100%, כדי להקטין את גובה הקו. כדי להדגים: p {line-height: 100%;}

שלב 5

שמור את הקובץ שלך פתח את מסמך ה- HTML שלך בדפדפן אינטרנט על-ידי בחירה באפשרות "פתח" או "פתח קובץ" בתפריט "קובץ" של הדפדפן כדי לראות את רווח המרווח מופחת. אם השורות שלך זקוקות להתאמות, הזן ערך חדש בכללי CSS.