divs nebeneinander

<section>            <div id="bottom">                <div  class="b_item" id="kontakt"> <h4>Kontakt</h4>                    <div class="block">Lorem ipsum dolor sit amet, <br />consetetur sadipscing elitr, sed diam nonumy eirmod <br />tempor invidunt ut l                    </div>                </div>
                <div class="b_item" id="anfahrt" > <h4>Anfahrt</h4>                    <div style="width: 300px">                        <iframe width="300" height="150" src="http://regiohelden.de/google-maps/map.php?width=300&amp;height=150&amp;hl=de&amp;q=Marienstraße 23, 70178 Stuttgart+(RegioHelden GmbH)&amp;ie=UTF8&amp;t=&amp;z=14&amp;iwloc=A&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0">                            <a style="font-size: 9px;" href="http://www.regiohelden.de/google-maps/" style="font-size: 9px;">Google Maps Generator</a> by <a href="http://www.regiohelden.de/">RegioHelden</a>                        </iframe><br /><span style="font-size: 9px;"> </span>                    </div>                </div>
                 <div class="b_item" id="support"><h4>Support</h4>                    <div class="block">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l<br />                    </div>                 </div>            </div>        </section>

#bottom {    background-color: #838b8b;    width: 100%;    height: 200px;}.b_item{    background-color: red;    height: 180px;    width: 300px;    display: inline;    text-align: left;}#kontakt{    float: left;    font-family: Arial, sans-serif;    font-size: 16px;}#anfahrt{      width: 300px;}#support{    clear:left