Use the sizing utility classes… h-50 = height 50% h-100 = height 100% http://www.codeply.com/go/Y3nG0io2uE Or, for an unknown number of child columns, use flexbox and the cols will fill height. See the d-flex flex-column on the row, and h-100 on the child cols.
Updated Answer: It’s been commented multiple times that this is not the correct answer to this question, and I agree. Back when this answer was written, IE 9 was still new (about 8 months old) and many developers including myself needed a solution for <= IE 9. IE 9 is when IE started supporting background-origin. However, it’s … Read more
The align-items property of flex-box aligns the items inside a flex container along the cross axis just like justify-content does along the main axis. (For the default flex-direction: row the cross axis corresponds to vertical and the main axis corresponds to horizontal. With flex-direction: column those two are interchanged respectively). Here’s an example of how align-items:center looks: But align-content is for multi line flexible boxes. It has … Read more
CSS text-transform: capitalize will only affect the first character. According to the specs: capitalize Puts the first character of each word in uppercase; other characters are unaffected. I strongly suggest to just have the content edited. Remember that at the end of the day, technologies such as css is just 1 way to solve the problem. The better solution, again, would … Read more
UPDATED FOR CATALINA & SAFARI 13 (early 2020 Update) * PLEASE PLEASE — If you are having trouble, and really want to get help or help others by posting a comment about it, Post Your Browser and Device (MacBook/IPad/etc… with both browser and OS version numbers!) Claiming none of these work is not accurate (and actually not … Read more
A div is a block element, and will span the width of the container unless a width is set. A span is an inline element, and will have the width of the text inside it. Currently, you are trying to set align as a CSS property. Align is an attribute. However, the align attribute is … Read more
Use commas to separate the selectors in a list
Go to the Customize section after you log in Click on the Theme tab Click Use custom HTML This will bring up a edit box that contains the HTML and tumblr code used by the theme. Put the code for the tags somewhere between the opening {block:Posts} and closing {/block:Posts} tags. To start off easy, let’s put the tags at the bottom of all … Read more
Try display:block It should work
Just append :after to your #alertlist li:hover selector the same way you do with your #alertlist li.selected selector: