rebuild docs
This commit is contained in:
@ -35,6 +35,7 @@ Vertically and horitonally centers a child element within its parent element usi
|
||||
```
|
||||
|
||||
#### Demo
|
||||
|
||||
<div class="snippet-demo">
|
||||
<div class="snippet-demo__container">
|
||||
<div class="snippet-demo__center">
|
||||
@ -66,8 +67,8 @@ Vertically and horitonally centers a child element within its parent element usi
|
||||
1. `display: table` on '.center' allows the element to behave like a `<table>` HTML element.
|
||||
2. 100% height and width on '.center' allows the element to fill the available space within its parent element.
|
||||
3. `display: table-cell` on '.center > span' allows the element to behave like an <td> HTML element.
|
||||
2. `text-align: center` on '.center > span' centers the child element horizontally.
|
||||
2. `vertical-align: middle` on '.center > span' centers the child element vertically.
|
||||
4. `text-align: center` on '.center > span' centers the child element horizontally.
|
||||
5. `vertical-align: middle` on '.center > span' centers the child element vertically.
|
||||
|
||||
The outer parent ('.container' in this case) must have a fixed height and width.
|
||||
|
||||
|
||||
@ -27,6 +27,7 @@ A bulletproof way to completely hide an element visually and positionally in the
|
||||
```
|
||||
|
||||
#### Demo
|
||||
|
||||
<div class="snippet-demo">
|
||||
<a class="button" href="javascript:;">
|
||||
Learn More
|
||||
|
||||
@ -29,6 +29,7 @@ Vertically and horitonally centers a child element within its parent element usi
|
||||
```
|
||||
|
||||
#### Demo
|
||||
|
||||
<div class="snippet-demo">
|
||||
<div class="snippet-demo__parent">
|
||||
<div class="snippet-demo__child">Centered content</div>
|
||||
|
||||
Reference in New Issue
Block a user