I had difficulties trying to align the text in my div. In the desktop preview images, the distance between the text and the div container is not so much. When I try implementing it to have the same distance, the text changes from 3 lines to 2 lines. I thought the problem was the font size but also I was thinking, a standard font size was already given in the style guide.
P
Lucas Werner
@LucasW92All comments
- @FaithNASubmitted 10 months ago@LucasW92Posted 10 months ago
Hello!
I've also had problems aligning the text.
As @timodn said, remember to apply the correct font-size and font-weight.
The problem seems to be in your margins, you can control the margin between the bold text and the other with margin-top, margin-bottom, or just margin: top right bottom left (clockwise).
Also, you can set width and height for the h1, p.. that way you can create boxes that you can control.
In your browser, hit F12 to open up the dev tools, the top left button should be a selector tool, use the selector tool to see the margins that are currently being applied.
https://developer.chrome.com/docs/devtools/dom
This should help you to see the margins.
Marked as helpful0