WPEP Center Section

code.php

<?php

add_action('init', function () {
  add_shortcode('ec_center', function ( $atts, $content ) {
    $response = '<div class="wpep-center-section">';
    $response .= do_shortcode($content);
    $response .= '</div>';

    return $response;
  });
});

add_action('wp_footer', function () {
  echo '<script type="text/javascript">
          jQuery(document).ready( function() {
            jQuery(".wpep-center-section").each(function () {
              let width = 0;
          
                jQuery(this).find(" > *").each(function () {
                  width = width < parseInt(jQuery(this).width()) ? parseInt(jQuery(this).width()) : width;
                });
          
                if (width <= 0)
                  width = jQuery(this).innerWidth() + 10;
          
                jQuery(this).css("display", "block").css("margin-right", "auto").css("margin-left", "auto").css("width", width);
            });
          });
        </script>';
});

There's nothing "wrong" with this code, in the right circumstances it will work properly, but not always.
This is a hackish-style feature.