Skip to content

Instantly share code, notes, and snippets.

Avatar

Shinyu Murakami MurakamiShinyu

View GitHub Profile
View test-pageheader-pagebottomfloat.html
<!DOCTYPE html>
<html>
<head>
<title>Test: Page Header + Page Bottom Float</title>
<style>
.pagebottomfloat {
float: bottom;
float-reference: page;
}
@page {
View test-pageheader-footnote.html
<!DOCTYPE html>
<html>
<head>
<title>Test: Page Header + Footnote</title>
<style>
.footnote {
float: footnote;
}
@page {
@top-center {
@MurakamiShinyu
MurakamiShinyu / dabblet.css
Last active Feb 3, 2019
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
View dabblet.css
/**
* Flex centering
*/
body {
display: flex;
border: outset blue;
margin: 0;
text-align: center;
height: 100vh;
box-sizing: border-box;