Flex: justify-content & flex-basis

http://www.w3schools.com/cssref/css3_pr_justify-content.asp

by Roberto Apasajja

HTML

<div class="one">
  <div class="two"></div>
</div>

CSS

.one{
  width:100%;
  height:200px;
  background:khaki;
  display:flex;
  justify-content: center
}
.two{
  height:150px;
  background:pink;
  flex-basis: 50%;
}