the glossary

[isleofapples]

( The Glossary )

Comments

[weps]

This is beautiful! Currently using it here.

I'm doing something wrong, though. Some of the definitions don't line up with the rest. It's most noticeable under C, where I have three terms in. How do I fix that?

Thanks so much for doing this :)

[isleofapples]

Oh, that's funny. It's not you, it's the website changes they pushed through a while back that were so disliked they have a reverse button on the beta page... it does show normally with that turned on and the error doesn't show up until there are words of different lengths. Though it shouldn't show up at all as an error. :l

So sorry, I'll see if there's something to be done about that.

[weps]

That's odd. But I think it's v pretty regardless, so if it can be fixed then great, but if not, I wouldn't worry too much about it. It's very handy!

[isleofapples]

Hello! I have thought about it for a while and returned victorious. I updated the code post but basically box-sizing: content-box !important; needs to be added to both the term and the explanation divs.

<div style="display: inline-block; margin: auto; padding: 15px 1%; width: 15%; overflow-wrap: break-word; vertical-align: top; color: #478ba6; letter-spacing: 1px; text-transform: lowercase; box-sizing: content-box !important;"><a name="term"></a><b>term</b></div> <div style="display: inline-block; margin: auto; padding: 15px 1%; width: 80%; overflow-wrap: break-word;; box-sizing: content-box !important;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>

Like so. It should work.