Entiendo que el objetivo de avanzar hacia<div> etiquetas de<table> Tiene sentido ya que es más semántico. Sin embargo, no entiendo el beneficio obtenido si aún necesita un bloque de compensación para que los diseños basados en columnas funcionen. Por ejemplo:

<!-- Note: location-info & personal-info both float left. -->
<div class="contact"> 
    <div class="personal-info">
        <p>
           Shawn, etc, etc
        </p>
    </div>
    <div class="location-info">
        <p><address>etc</address></p>
    </div>
    <br style="clear:both" /> <!-- clearing block -->
 </div>

Lo extraño<br> La etiqueta se usa estrictamente para describir el estilo y es necesaria para que el diseño funcione. ¿Esto no arruina todos los beneficios obtenidos al eliminar tablas?