Hello, Dolls!

I hope you're enjoying this series so far! Now it's time for part 4!

Whenever we run this code: 

 < p style="background-color:black;" > 

through an HTML editor, nothing seems to appear. This is because the computer has no idea how big or how small the paragraph should be. But, if we add some text, the computer will automatically adjust the paragraph to fit the size of the text. 

To add text to the paragraph, add the text after the arrow (>)

The new code is:

< p style="background-color:black;" >Hi! I'm a basic presentation! 

When tested, this is what appears:

Hi! I'm a basic presentation!

Pretty cool. But why can't you see the text? To see the text in the black line above, try highlighting it!

Though, no one really wants a presentation that you must highlight to read. To make the text visible, we need to change the text color. It's easy, just add "color:#ffffff;" to the code. It can be added before or after the background-color property. 

The code is now:

< p style="background-color:black;color:#ffffff;" >Hi! I'm a basic presentation!

When tested, this is what the new code looks like:

Hi! I'm a basic presentation!

Continued in Part 5 . . .