Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/11/2015, 11:07
isaacbnc
 
Fecha de Ingreso: noviembre-2015
Ubicación: Valencia
Mensajes: 20
Antigüedad: 8 años, 5 meses
Puntos: 0
Desajuste de un DIV al insertar texto en él

Hola a todos,
Estoy creando una página que muestre datos de una base de datos de forma paginada, para eso, creo un Div (registro) que contiene otros 3 divs (contenido, editar y eliminar).
El caso es que los 3 divs han de estar juntos y en la misma línea. Lo conseguí hacer cuando no había texto, pero ahora que he creado la conexión a la base de datos y he insertado el texto en el primer DIV (contenido) se echa para abajo.

Como puedo hacer que se mantenga?

Adjunto mi código:

Código HTML:
<body>
<h1>EDITAR CONTENIDO</h1>

<?php foreach ($entradas as $row): ?>
<div id="registro">
<div id="contenido">
<?php echo $row["Titulo"]; ?><BR>
<?php echo $row["Descripcion"]; ?>

</div>

<div id="editar">
</div>

<div id="eliminar">
</div>
</div>
<?php endforeach ?> 

</body> 

Código CSS:
Ver original
  1. #contenido{
  2.  
  3.    
  4. width:30%;
  5. height:75px;
  6. margin: 0 auto;
  7. border: 4px solid;
  8. border-top-left-radius: 25px;
  9. border-bottom-left-radius: 25px;
  10. border-color:black;
  11. align-items: center;
  12. margin-left:10%;
  13. display: inline-block; 
  14. }
  15.  
  16.  
  17. #editar{
  18.    
  19. width:5%;
  20. height:75px;
  21. border-top: 4px solid;
  22. border-bottom:4px solid;
  23. border-right:4px solid;
  24. margin-left: -5px;
  25. border-color:black;
  26. display: inline-block; 
  27. }
  28.  
  29. #eliminar{
  30. width:5%;
  31. height:75px;
  32. border-top: 4px solid;
  33. border-bottom:4px solid;
  34. border-right:4px solid;
  35. margin-left: -5px;
  36. border-color:black;
  37. display: inline-block;
  38. border-top-right-radius:25px;
  39. border-bottom-right-radius:25px;
  40. }

Gracias desde ya!