<style>
        /*wrapper  {display: inline-block; width: 100%; }
        graphic  {display: inline-block; width: calc(100% - 400px); text-align: center;}
        nav      {display: inline-block; width: 200px;}
        #leftnav {text-align: left;}
        #rightnav {text-align: right;}*/
        wrapper  {display: flex; width: 100%; }
        graphic  {flex-grow: 1; text-align: center;}
        nav      {width: 200px;}
        #leftnav {text-align: left;}
        #rightnav {text-align: right;}
    </style>
    <!--<wrapper><nav id="leftnav"><img src="http://lorempixel.com/200/200/" /></nav><graphic><img src="http://lorempixel.com/200/200/" /></graphic><nav id="rightnav"><img src="http://lorempixel.com/200/200/" /></nav></wrapper>-->
    <wrapper>
        <nav id="leftnav"><img src="http://lorempixel.com/200/200/" /></nav>
        <graphic><img src="http://lorempixel.com/200/200/" /></graphic>
        <nav id="rightnav"><img src="http://lorempixel.com/200/200/" /></nav>
    </wrapper>