Thursday

I have already shown you all the HTML and CSS needed to reproduce this week's coding challenge. Today's lesson can be used with the coding challenge but is just another option to combine with your use of margins and padding. The new property is called vertical-align and it has a number of values it can take; it's primary purpose is to allow you to align images with text, as when you are putting emojis or icons in a line of text. The most commonly-used values are sub (for subscripts), super (for superscripts), top (to push text to the top of the line), and middle (to center text vertically within its line). You should pick some images to experiment with this property.

For additional resources related to vertical alignment of text, check out the W3Schools reference on vertical-align. A better read is Chris Coyer's take on vertical-align.