Thanks for the quick reply! I will admit that I know hardly anything about CSS, and I'm partly using this blog as an opportunity to practice. I'm trying to understand the whole thing at once while I'm editing it, which is why I copy it all. This whole thing is pretty messy and makeshift at this point, I realize.
Also, I apologize to Firefox for slandering its good name. By "correct" I should have said "the way I want it to look." All jokes aside—I wasn't aware of the parent divs, so thanks for that.
I tested your code in Chrome and Firefox, with similar results. Both drop the social media icons and comments link to beneath the black bar.
This is with the code exactly as above:
Fiddling around a little, I could get the social media icons to align horizontally, but they were below the black bar and not aligned with the comments link.
Again, thanks so much for your help on this, and thanks for dealing with a newb. Is there anyway to do browser-specific CSS? If I edit for Firefox, I can get it to do what I want, but that obviously changes the other browsers.