Widget area after featured page

I found that I have to add __after_fp hook. How to place 4 widget side by side?

Thanks

Maybe you could look at PRO or Featured Pages Unlimited?

At present I am unable to buy it, but sure I am considering it.

I have a code

add_filter( 'tc_default_widgets' , 'add_featured_page_widget' );
function add_featured_page_widget( $default_widgets_area ) {
$default_widgets_area ['fp_widgets'] = array(
'name' => __( 'Featured Pages Widget One' , 'customizr' ),
'description' => __( 'Below the featured pages area on home' , 'customizr' )
);

$default_widgets_area['fp_widgets_two'] = array(
'name' => __( 'Featured Pages Widget Two' , 'customizr' ),
'description' => __( 'Below the featured pages area on home' , 'customizr' )
);

$default_widgets_area['fp_widgets_three'] = array(
'name' => __( 'Featured Pages Widget Three' , 'customizr' ),
'description' => __( 'Below the featured pages area on home' , 'customizr' )
);

$default_widgets_area['fp_widgets_four'] = array(
'name' => __( 'Featured Pages Widget Four' , 'customizr' ),
'description' => __( 'Below the featured pages area on home' , 'customizr' )
);

return $default_widgets_area;
}

add_action('__after_fp' , 'display_my_fp_widget');
function display_my_fp_widget() {
dynamic_sidebar('fp_widgets');
dynamic_sidebar('fp_widgets_two');
dynamic_sidebar('fp_widgets_three');
dynamic_sidebar('fp_widgets_four');
}

this is displaying 4 widgets.

please help to align side by side if possible, by css.

thanks

https://ordinary.net46.net/wordpress/

<?php

/********************************************************/
 //  Adds 4 widget areas after main content section inside the main wrapper on Home page
/********************************************************/
add_filter( 'tc_default_widgets' , 'add_featured_page_widget' );

function add_featured_page_widget( $default_widgets_area ) {

	$default_widgets_area ['fp_widgets'] = array(
		'name' => __( 'Featured Pages Widget One' , 'customizr' ),
		'description' => __( 'After main content area on home' , 'customizr' )
	);

	$default_widgets_area['fp_widgets_two'] = array(
		'name' => __( 'Featured Pages Widget Two' , 'customizr' ),
		'description' => __( 'After main content area on home' , 'customizr' )
	);

	$default_widgets_area['fp_widgets_three'] = array(
		'name' => __( 'Featured Pages Widget Three' , 'customizr' ),
		'description' => __( 'After main content area on home' , 'customizr' )
	);

	$default_widgets_area['fp_widgets_four'] = array(
		'name' => __( 'Featured Pages Widget Four' , 'customizr' ),
		'description' => __( 'After main content area on home' , 'customizr' )
	);

	return $default_widgets_area;
}

add_action('__after_main_container' , 'display_my_fp_widget', 20);

function display_my_fp_widget() {
	// if ( is_home() || is_front_page() ) {
	if ( is_front_page() ) {
	  ?>
	  <!-- <div class="row-fluid"> -->   <!-- this allows a full width background rule via css for #main-wrapper -->
	  <div class="row-fluid">
	    <div class="span3"><?php dynamic_sidebar('fp_widgets'); ?></a></div>
	    <div class="span3"><?php dynamic_sidebar('fp_widgets_two'); ?></div>
	    <div class="span3"><?php dynamic_sidebar('fp_widgets_three'); ?></div>
	    <div class="span3"><?php dynamic_sidebar('fp_widgets_four'); ?></div>
	  </div>
	  <?php
	}
}

// Style all the featured pages widgets so they take up the right space
add_filter( 'fp_widgets_class', 'display_my_fp_widget_class');
add_filter( 'fp_widgets_two_widget_class', 'display_my_fp_widget_class');
add_filter( 'fp_widgets_three_widget_class', 'display_my_fp_widget_class');
add_filter( 'fp_widgets_four_widget_class', 'display_my_fp_widget_class');

function add_featured_page_widget_class() {
	return 'span3';
}
// https://presscustomizr.com/snippet/adding-widget-area-home/

?>