Cita:
Iniciado por Mikmoro 
Los divs o cajas tienen por defecto un display block, lo que significa que ocupan toda la línea del flujo de documento, es decir, el 100% de ancho.
Para lo que quieres, podría servirte añadirle la propiedad display: inline;, que hará que sólo ocupe lo que ocupe el texto que lleva dentro, pero que sea exactamente eso lo que buscas depende de qué quieras hacer con él.
Mikel.
Gracias Mikel por la rápida respuesta
Sería así no?
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>test</title>
<style type="text/css">
#cuerpoprincipal {
clear: left;
margin-left: 30px;
width: 800px;
}
#barra{
clear: left;
background-color: #0000ff;
height: 5px;
}
.noteexpandas {
clear: left;
background-color: #ff0000;
display: inline;
}
</style>
</head>
<body>
<div id="cuerpoprincipal">
<div id="barra"></div>
<div class="noteexpandas">Este div no quiero que se expanda, solamente si el texto lo necesita</div>
</div>
</body>
</html>
Pero... no me funciona...
.. que puedo estar haciendo mal? gracias!!