<!DOCTYPE html>
<style>
.min-content {
    width: 10px;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: -ie-min-content;
    min-width: -o-min-content;
    min-width: min-content;
    outline: 2px solid;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
}
.max-content {
    width: 10px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: -ie-max-content;
    min-width: -o-max-content;
    min-width: max-content;
    outline: 2px solid