pgherveou

body {
 margin: 100px;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .close {
   display: block;
   text-decoration: none;
   border: 1px solid black;
   width: 56px;

pgherveou

body {
 margin: 100px;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .close {
   display: block;
   text-decoration: none;
   border: 1px solid black;
   width: 56px;

pgherveou

body {
 margin: 100px;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .va {
   display: block;
   text-decoration: none;
   border: 1px solid black;
   width: 56px;

pgherveou

/**
 * CSS text-shadows - Example 2
 */

/* page styles */

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/chunkfive-webfont.eot');
    src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/chunkfive-webfont.eot?iefix') format('eot'),

pgherveou

/**
 * CSS text-shadows - Example 2
 */

/* page styles */

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/chunkfive-webfont.eot');
    src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/chunkfive-webfont.eot?iefix') format('eot'),

pgherveou

/**
 * Vertical centering with Flexbox + margin fallback
 * Lea Verou & David Storey
 */


div {
	width: 56px; /* needed for FF */
	height: 56px;
	font-size: 30px;

pgherveou

body {
 margin: 100px;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .va {
   display: table-cell;
   vertical-align: middle;   
   text-decoration: none;
   border: 1px solid black;

pgherveou

<input type="date" />
<input type="time" />

pgherveou

.circle {
  border-radius: 10px;
  width: 100px;
  height: 100px;
  background: green
}

pgherveou

.circle {
  border-radius: 6px;
  width: 100px;
  height: 100px;
  background: red;
}