I am in the Pseudo Element Lesson of The Ultimate HTML 5/CSS Course and all of the selectors are working but I don’t understand why my dummy text is extending across the length of the page. In the course video, the text stops about halfway across the page and the margin is set to 10px in the style.css file
I would also like to know what shortcut is being used to get the long single line of the Lorem50 paragraph to do a text wrap. In the video, it doesn’t appear that the text is being highlighted before the wrap command. I know that Alt Z will wrap highlighted text, but in the video something is being done without highlighting the text and I would like to know how to do it. It’s a little thing, but a big thing. The single letter of Lorem is bolded using the <span class = 'first-letter" statement in the lesson. I simply want to know why my text goes across the width of the page, when I am using the same margin parameters as seen in the lesson video. I have attached the image from the course video and an image of how my saved results appear in the browser. Please advise.
Without knowing the lession, my guess is that a min-width statement is used. You can try it inline to see if it works:
<p style="max-width:200px">Your Text</p>
Usually the text’s width will be restrained if you place it in other elements that have a certain width.
For example: You could nest your element in a div and give the div the max-width statement. That will pass it down to all it’s child elements.
Thanks,
this helps, but I don’t know why the text started extending to the length of the page all of a sudden. It was doing this in earlier lessons. I will go back and investigate. Thanks for your help.