• Super User

    Div affiancati senza DIV padre

    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:

    
    	<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.


  • Super User

    Risolto tramite Jquery:

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

    Grazie! 😉