html - Two divs next to each other -

i have 2 divs next each other , working fine, change size of browser or device have second div underneath first 1 doesn't work code.

here link: http://jsfiddle.net/rvzthd6v/

<div class="wrap"> <div class="one">lorem ipsum dolor sit amet, consectetur adipiscing elit. etiam tempor eu arcu quis tristique. vestibulum vel odio scelerisque, placerat leo porttitor, dapibus sapien. sed lacus ante, posuere eu mollis quis, interdum sit amet est. aliquam tincidunt, arcu vitae pretium viverra, eros elit ultricies ante, in convallis ante erat sed nunc. aliquam feugiat mollis lacinia. nulla non dolor sit amet eros vehicula gravida ut ac nisi. aliquam ut congue metus. mauris id justo in arcu viverra lobortis. duis dictum malesuada libero quis fermentum.      </div> <div class="two">lorem ipsum dolor sit amet, consectetur adipiscing elit. etiam tempor eu arcu quis tristique. vestibulum vel odio scelerisque, placerat leo porttitor, dapibus sapien. sed lacus ante, posuere eu mollis quis, interdum sit amet est. aliquam tincidunt, arcu vitae pretium viverra, eros elit ultricies ante, in convallis ante erat sed nunc. aliquam feugiat mollis lacinia. nulla non dolor sit amet eros vehicula gravida ut ac nisi. aliquam ut congue metus. mauris id justo in arcu viverra lobortis. duis dictum malesuada libero quis fermentum.</div> 

div.wrap {clear:both; margin: 0 auto; position: relative;} div.one {float: left; border: 1px solid black; max-width: 40%; margin-right: 5%;} div.two {float: left; max-width: 40%; border: 1px solid black;} 

thanks

if add min-width achieve this: http://jsfiddle.net/v393gd3o/

div.one {      float: left;       border: 1px solid black;       min-width: 200px;       max-width: 40%;       margin-right: 5%; }   div.two {     float: left;     min-width: 200px;      max-width: 40%;      border: 1px solid black; }