User:Elaeagnifolia/Sandbox5

<style> .notable, .notable * { box-sizing: border-box; }

.notable { display: flex; flex-direction: column; margin: 1em; }

.notable > .notable-header { background-color: rgb(77, 144, 94); color: white; text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 0.25em; font-weight: bold; padding: .2em .5em; border: 1px solid rgb(51, 102, 66); text-align: center; }

.notable > .notable-content { background-color: #f8f9fa; padding: .2em .5em; border-right: 1px solid rgb(170, 170, 170); border-left: 1px solid rgb(170, 170, 170); border-bottom: 1px solid rgb(170, 170, 170); color: rgb(34, 34, 34); } </style>