Difference between revisions of "Template:Box/sandbox"

From blackwiki
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%;
+
height: 100%;
  white-space: nowrap;
+
white-space: nowrap;
  text-align: center;
+
text-align: center;
 
}
 
}
 
.v-wrap:before{
 
.v-wrap:before{
  content: "";
+
content: "";
    display: inline-block;
+
display: inline-block;
    vertical-align: middle;
+
vertical-align: middle;
    width: 0;
+
width: 0;
    /* adjust for white space between pseudo element and next sibling */
+
margin-right: -.25em;
    margin-right: -.25em;
+
height: 100%;  
    /* stretch line height */
 
    height: 100%;  
 
 
}
 
}
 
.v-box{
 
.v-box{
    display: inline-block;
+
display: inline-block;
    vertical-align: middle;
+
vertical-align: middle;
    white-space: normal;
+
white-space: normal;
 
}
 
}
  
 
<div class="v-wrap">
 
<div class="v-wrap">
    <article class="v-box">
+
<article class="v-box">
        <p>This is how I've been doing it for some time</p>
+
<p>This is how I've been doing it for some time</p>
    </article>
+
</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>