Как выровнять счетчик в html

Question

У меня есть счетчик в моем html-коде. Я хочу выровнять этот счетчик посередине сайта. Существует вспомогательный класс, называемый text-align, который работает практически со всеми объектами на сайте, но я не знаю, как выровнять запись сценария.

Мой код выглядит следующим образом:

<section class="wow fadeIn"> 
    <div class="container-fluid full-screen position-relative no-padding no-transition" > 
      <div class="opacity-medium bg-white"></div> 
      <div id="animated-balls"></div> 
      <div class="slider-typography xs-position-inherit"> 
       <div class="slider-text-middle-main"> 
        <div class="slider-text-top slider-text-middle2"> 
         <!-- logo --> 
         <div class="coming-soon-logo"><img class="logo-style-2" src="images/offene-stadt.png" alt=""/></div> 
         <!-- end logo --> 
         <span class="coming-soon-title text-uppercase gray-text margin-ten no-margin-lr no-margin-bottom">We're getting ready to launch</span> 
         <!-- time --> 
         <div id="counter-underconstruction2" class="white-text text-center margin-two no-margin-lr no-margin-bottom"></div> 
         <div id="countdown-target" class="text-center"></div> 
         <script> 
         var myCountdown1 = new Countdown({time:86400*20}); 
         </script> 
        </div> 

         <!-- end time --> 

Answer 1

Вы можете установить target, чтобы указать его на конкретный пункт поэтому попробуйте следующее:

   <div class="slider-text-top slider-text-middle2"> 
        <!-- logo --> 
        <div class="coming-soon-logo"><img class="logo-style-2" src="images/logo-light-big.png" alt=""/></div> 
        <!-- end logo --> 
        <span class="coming-soon-title text-uppercase gray-text margin-ten no-margin-lr no-margin-bottom">We're getting ready to launch</span> 
        <!-- time --> 
        <div id="counter-underconstruction2" class="white-text text-center margin-two no-margin-lr no-margin-bottom"></div> 
        <i class="icon-anchor medium-icon"></i> 
        <div id="countdownTarget" class="center-block"></div> 
        <script> 
        var myCountdown1 = new Countdown({time:316, target: "countdownTarget"}); 
        </script> 
        <!-- end time --> 
       </div> 

И затем использовать существующую text-align технику на #countdownTarget позиционировать его, как вам нравится.