hidden Something to keep in mind is almost all my recent experience is using a “modern” UI framework (React is my go-to hammer in my tool belt). Your framework of choice (or lack thereof) will probably have an influence on your decision-making process. My one piece of advice is that it’s likely not a good idea to use a styling paradigm that is at odds with your framework. Start with what your framework makes easy and explore from there....
Obviously do one who reads this uses Internet Explorer or they would have mentioned (hopefully) that my little drop case trick doesn’t work in IE. This is the CSS I’m currently using: p.dc:first-letter { float: left; font-size: 2.5em; text-transform: uppercase; font-weight: bold; font-family: Georgia, Times, Verdana; line-height: 0em; color: #707070; } It looks as though IE7 does support the :first-letter pseudo class, but the box model is failing with the float: left....
There is nothing quite like flailing away with CSS. Its not quite the most frustrating thing in the world, but it would give most annoyances a run for their money. OK… Its pretty close for now, though its going to need a lot more tweaks, and that will probably take 10 times as long to accomplish. Though I’m actually impressed how just flailing turned out. I still need to figure out how to link to Gallery2 thumbnails....