Difference between revisions of "Template:Box/sandbox"
Jump to navigation
Jump to search
imported>BrandonXLF (←Created page with ' .v-wrap{ height: 100%; white-space: nowrap; text-align: center; } .v-wrap:before{ content: ""; display: inline-block; vertical-alig...') |
imported>BrandonXLF |
||
| Line 1: | Line 1: | ||
.v-wrap{ | .v-wrap{ | ||
| − | + | height: 100%; | |
| − | + | white-space: nowrap; | |
| − | + | text-align: center; | |
} | } | ||
.v-wrap:before{ | .v-wrap:before{ | ||
| − | + | content: ""; | |
| − | + | display: inline-block; | |
| − | + | vertical-align: middle; | |
| − | + | width: 0; | |
| − | + | margin-right: -.25em; | |
| − | + | height: 100%; | |
| − | |||
| − | |||
} | } | ||
.v-box{ | .v-box{ | ||
| − | + | display: inline-block; | |
| − | + | vertical-align: middle; | |
| − | + | white-space: normal; | |
} | } | ||
<div class="v-wrap"> | <div class="v-wrap"> | ||
| − | + | <article class="v-box"> | |
| − | + | <p>This is how I've been doing it for some time</p> | |
| − | + | </article> | |
</div> | </div> | ||
Revision as of 14:16, 8 August 2018
.v-wrap{ height: 100%; white-space: nowrap; text-align: center; } .v-wrap:before{ content: ""; display: inline-block; vertical-align: middle; width: 0; margin-right: -.25em; height: 100%; } .v-box{ display: inline-block; vertical-align: middle; white-space: normal; }
<article class="v-box">
This is how I've been doing it for some time
</article>