html - Center link in an unordered list element (flexbox) -
i've been playing around flex box , center "logo" test in upper left corner vertically in blue container. you can see here: http://codepen.io/timros/pen/mwkngw * { margin: 0; padding: 0; } .box { color: white; font-size: 80px; text-align: center; text-shadow: 4px 4px 3px black; } /* colors & style ===================================== */ .main-header { background: #e3e3e3; } .main-footer { background: #e3e3e3; } .main-content { background: #e3e3e3; } .main-wrapper { box-shadow: 2px 2px 10px #333; } .main-wrapper { width: 80%; margin: 0 auto; } /* head ===================================== */ .main-header { width: 100%; height: 100px; border-bottom: 1px solid black; } .main-nav { list-style: none; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: flex-end; height: 100%; } .main-nav li { margin-left: 8px; margin-right: 8px; ...