Hola, necesito organizar una imagen y algo asi como un cuadro de texto, dentro de un div, pero no he podido, el codigo que tengo es el siguiente....
Código HTML:
<html>
<head>
<title>Catalogo de Productos</title>
</head>
<body>
<center>CATALOGO DE PRODUCTOS</center>
<div name="afuera" style="border-style: inset; height: 200px" >
<p>
<img src="apple-logo.jpg" alt="Foto" width="240" height="240" align="left">
<div name="adentro" style="clear:both; border-style: inset ;WIDTH: 200px ; BORDER: #000 2px solid ; OVERFLOW: hidden ;margin: 0 auto;">
Descripción: XXXXXXXXX<br>
Precio: $ XXXXXXXXX<br>
Contacto: XXXXXXXXX<br>
Teléfono: XXXXXXXXX<br>
</p>
</div>
</div>
</body>
</html>
</body>
</html>
El resultado que quiero tener es la foto, y al lado las especificaciones, y las especificaciones con un borde, no lo puedo hacer con una tabla, ya que necesito una especie de catalogo sin bordes, solo con el que rodea las especificaciones y el que rodea todoe l catalogo.
Gracias