larghezza automatica div

frenkytribe · 5 Mar 2014

Salve, ho un problema con un div dove all'interno c'è una piccola icona 16x16 ed una stringa di testo variabile.
La stringa di testo può essere più o meno lunga, e purtroppo questa viene scritta a capo subito dopo l'immagine, mentre vorrei che stesse tutto in linea.
Ho provato settando display: inline-block; ma non riesco a risolvere, potete vedere il codice con l'anteprima quì: JSFiddle

borgo italia · 5 Mar 2014

ciao
se non ho capito male quello che vuoi fare prova così

HTML:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<style type="text/css">
#est{
	background-color:#FFFF33;
	width:auto;/*a questo dai auto o la misura in px o %*/
	}
img{
	display:block;
	float: left;
	}
</style>
</head>
<body>
<div id="est">
<img src="immagini/pinco_pallo.jpg" width="16" height="16">nel mezzo di camin di nostra vita<br>
mi ritovai per una selva oscura
</div>
</body>
</html>

frenkytribe · 5 Mar 2014

Ciao, non è proprio quello di cui ho bisogno, il div principale ha position: absolute; ed è affiancato a destra, anche mettendo width: auto; in quel modo non risolvo niente.

Comunque alla fine ho risolto con una piccola tabella, tanto era solo per scopo visivo, non fa differenza

Cerca

Cerca

larghezza automatica div

frenkytribe

Utente Attivo

borgo italia

Super Moderatore

frenkytribe

Utente Attivo

Discussioni simili