Hola que tal, una consulta que os iba a hacer, para que los divs circulares no se desplazen a la izquierda al clickear sobre uno y eliminarlo, ¿qué debería incluir en el código? Había pensado en incluir cada div circular dentro de un div, y asiganarle un aposición fija aunque en ese caso se me mueven y en vez de horizontal se me ponen en vertical y se siguen desplazando, a ver si podeis orientarme.
HTML
<div class="pantallacentral">
<div id="saco1">hola </div>
<div id="saco2"> </div>
<div id="saco3" > </div>
<div id="saco4"> </div>
<div id="saco5"> </div>
</div>
</html>
CSS
#saco1 {
height: 50px;
width: 50px;
border-radius: 100%;
background-color: #FF9C5B;
display: inline-block;
}
JAVASCRIPT
<script type="text/javascript">
$(document).ready(function() {
$('#saco1').click(function() {
$('#saco1').fadeOut('slow');
});
});
</script>