Wyśrodkowanie diva - flexbox - 80% szerokości

Cześć, szybie pytanko :) Jak wyśrodkować div przy pomocy flexboxa przy założeniu, że div zajmuje 80% szerokości? Aktualnie tak to wygląda: https://codepen.io/anon/pen/qmYLBO
Jakieś pomysły?

flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; }

Super, tylko chodzi o to, żeby nie używać marginesów. Da radę coś takiego w ogóle zrobić w samym flexie?

Powinieneś mieć container z "display: flex" w nim div(y) z 80%.
Można przerobić twojego cssa na poniższy ale normalnie użyłbym div w div

body {display: flex; align-items: center; justify-content: center;}
div { width: 80%; min-height: 30px; border: 2px #bfbfbf solid;  }