Div affiancati senza DIV padre

felino

Utente Attivo
12 Dic 2013
941
10
18
Aci Catena (Catania)
Salve a tutti,
ho un problemino con la visualizzazione di due div, cioè vorrei applicare un float left.

Mi spiego meglio: ho il seguente codice:
Codice:
	<div class="mc_interests_header">
		Portale
	</div><!-- /mc_interests_header -->
	
	<div class="mc_interest">
		[MY CODE]
	</div>
			
	<div class="mc_interests_header">
		UPGRADE
	</div><!-- /mc_interests_header -->
	
	<div class="mc_interest">
		[MY CODE]
	</div>

Vorrei "raggruppare" i DIV mc_interest_header e mc_interest affinchè fossero affiancati dai successivi DIV mc_interest_header e mc_interest.

La soluziona immediata sarebbe applicare un DIV padre ai due DIV mc_interest_header e mc_interest ed applicare ad esso la classe con un float:left.

Purtroppo non posso agire sul codice in questione, ma solo sul CSS.

Come potrei risolvere?

Grazie.
 
Risolto tramite Jquery:
Codice:
$('div.mc_interests_header').each(function(){
        $(this).next('div.mc_interest').andSelf().wrapAll('<div class="my_custom_class"/>');
      });

Grazie! ;)
 

Discussioni simili