There are currently no frequently asked questions associated with this exercise – that’s where you come in! You can contribute to this section by offering your own questions, answers, or clarifications on this exercise. Ask or answer a question by clicking reply () below.
If you’ve had an “aha” moment about the concepts, formatting, syntax, or anything else with this exercise, consider sharing those insights! Teaching others and answering their questions is one of the best ways to learn and stay sharp.
Join the Discussion. Help a fellow learner on their journey.
Ask or answer a question about this exercise by clicking reply () below!
You can also find further discussion and get answers to your questions over in Language Help.
Agree with a comment or answer? Like () to up-vote the contribution!
Can you tell me what em means? Example: letter-spacing: 0.3em.
No where in the paragraph explaining text layout did I find where is tells you what em mean vs the pixel size. I know the answer is going to simple, but I think a note should be added the explain what em means, as opposed to searching online for an answer.
Is the unitless value the same as em in line-height?
The lesson for line-height states:
Generally, the unitless value is preferred since it is responsive based on the current font size. In other words, if the line-height is specified by a unitless number, changing the font size will automatically readjust the line height.
Does this mean that the default unit for unitless values is em?
Question about letter-spacing in headlines using a font with poor kerning-pairs. In InDesign or Illustrator, I go in and kern between individual letters as needed. Is this something we can do in CSS, or would that be needlessly complicated, and it would be better to create a jpg in Illustrator an import as an image? Thanks!
If we take the line spacing as a reference, the value of 1 means that the line space will be big as the default font size that’s set by the browser. The default value is 16px, so that means that a line space will be 16 pixels in height. In the case where there’s a CSS rule for the font in that specific element, let’s say 20px, then the line height will be 20px.
So following this logic, setting the unitless value to go above 1 will increase the space between the rows. If you remember, using 1,5 and double line spacing in Word and Google Docs is basically this.
If you set the value below 1, this means that the line space will be too small for the font size and you will experience overlapping of the text in between rows.
In general, having a unitless value for any property means that the size will be determined by a default setting or a rule that’s been set for that element.
Now how is this different than em, beats me. If someone knows, please do explain
There is no upper-limit for the unitless value of line-height. However, it is common to see the range lies between 1.0 - 3.0. A range below 1.0 might result in overlapping between text of different lines whilst a range greater than 3.0 might result in presentation-wise issues (this includes both readability and maintainability).
) below.
) to up-vote the contribution!
