<div class="mdl-layout mdl-js-layout mdl-color--grey-100">
  <main class="mdl-layout__content">
		<button class="mdl-button mdl-button--fab"><i class="material-icons">mode_edit</i></button>
		<button class="mdl-button mdl-button--fab mdl-button--colored"><i class="material-icons">mode_edit</i></button>
  </main>
</div>
body {
	text-align: center;
}
.mdl-layout {
	align-items: center;
  justify-content: center;
}
.mdl-layout__content {
	padding: 24px;
	flex: none;
}
.mdl-button {
	margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

External CSS

  1. https://fonts.googleapis.com/icon?family=Material+Icons
  2. https://storage.googleapis.com/code.getmdl.io/1.0.1/material.teal-red.min.css

External JavaScript

  1. https://storage.googleapis.com/code.getmdl.io/1.0.1/material.min.js