Titolo sopra a campi <ul>

[Tom1884]

Come posso inserire in testa ad un <ul> un titolo che gli resti allineato sopra, considerando che gestisco gli <ul> anche tramite CSS, impostati come float: left?

<div id="crea">			
                        -Tribuna-
			<ul id="tribuna">[/list]
		         -titolari-
			<ul id="titolari">[/list]
		          -panchina-
			<ul id="panchina">[/list]
                         -formazione-
			<div id="form"></div> 
</div>

[webdemo]

prova così

<div id="crea">
	<h1>-Tribuna-</h1>
	<ul>
		<li id="tribuna">-titolari-
		<li id="titolari">-panchina-
		<li id="panchina">-formazione-
	[/list]
</div>

[Tom1884]

Non funziona. Guarda:


Il mio codice:

<div id="crea-formazione">
<h1>Tribuna</h1> 			
<ul id="tribuna" class='droptrue'>[/list]			 			

<h1>Titolari</h1> 			
<ul id="titolari" class='droptrue'>[/list]			 			

<h1>Panchina</h1> 			
<ul id="panchina" class='droptrue'>[/list]			 			

<h1>Formazione</h1> 			
<div id="formazione-realtime"></div>  	

</div>

[webdemo]

ci credo che non funziona, perché dovrai cambiare il CSS di conseguenza

ma devi partire da una struttura HTML corretta

questo codice è errato e non significa nulla:

<ul id="titolari" class='droptrue'>[/list]

[Tom1884]

Originariamente inviato da webdemo
questo codice è errato e non significa nulla:

<ul id="titolari" class='droptrue'>[/list]

In realtà viene poi riempito dall'utente con dei[*] prodotti in <ul id=tribuna>, che l'utente sposta.

[webdemo]

ok

il titolo sopra l'<ul> lo marchi così:

<h2>
<ul>[/list]

[Tom1884]

Originariamente inviato da webdemo
ok

il titolo sopra l'<ul> lo marchi così:

<h2>
<ul>[/list]

Dici così?

<h2>Titolari</h2> 
<ul>[/list]
<ul id="titolari" class='droptrue'>[/list]

Non cambia nulla...