Appliquez de l'espace entre les divs

Question

Les deux div ci-dessous s'affichent l'une à côté de l'autre, dont le contenu est rempli dynamiquement et les données sont très longues dans les deux divs.

Ma question est que comment ajouter de l'espace entre les deux divs?

<div name="qt" id="qt" style='width:50%;float:left;display:inline;overflow:auto;height:500px;border:1px solid #ccc;'> </div> 
    <div id="data" name="data" style='overflow:auto;width:35%;height:500px;margin-left:0px;border:1px solid #ccc;'></div> 

Answer 1

vous pouvez ajouter css #qt {margin-right:10px;}

vous pouvez modifier le nombre de pixels que vous souhaitez.

Answer 2

changement margin-left:0px au 2ème <div/> à une valeur supérieure

Answer 3

Float la deuxième div gauche et changer son margin-left à une valeur non nulle, .: par exemple

<div name="qt" id="qt" style='width:50%;float:left;display:inline;overflow:auto;height:500px;border:1px solid #ccc;'> </div> 
<div id="data" name="data" style='overflow:auto;width:35%;height:500px;margin-left:50px;border:1px solid #ccc; float: left;'></div>