How to center div with col-md-6?
<p>I need to display in the center the div with <code>class="col-md-6"</code></p>

<p>This is the code, that display me the timer at the left I nee to display time in the center</p>

<pre><code>&lt;div class="container"&gt;
  &lt;div class="row"&gt;
    &lt;div class="wpb_column vc_column_container col-md-6"&gt;
      &lt;div class="vc_column-inner "&gt;
        &lt;div class="wpb_wrapper"&gt;
          &lt;div class="event-wrapper featured-event  "&gt;

            &lt;!-- the loop --&gt;
            &lt;div class="upcoming-campaign"&gt;
              &lt;img width="555" height="400" src="http://andrejceccoli.com/wp-content/uploads/2016/10/elezioni_sfondo.jpg" class="img-responsive wp-post-image" alt="Elezioni Politiche"&gt;
              &lt;div class="campaign-scoop"&gt;
                &lt;h3 class="title"&gt;&lt;a href="http://trendytheme.net/demo2/wp/nominee/onepage/event/election-campaign/"&gt;Elezioni Politiche&lt;/a&gt;&lt;/h3&gt;

                &lt;span class="start-date"&gt;Inizia il: &lt;span class="colored"&gt;20 Nov 2016&lt;/span&gt;&lt;/span&gt;

                &lt;div class="countdown-wrapper"&gt;
                  &lt;ul class="countdown list-inline" data-countdown="2016-11-20"&gt;
                    &lt;li&gt;&lt;span class="days"&gt;38&lt;span&gt;&lt;p&gt;Days&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;span class="hours"&gt;07&lt;span&gt;&lt;p&gt;Hour&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;span class="minutes"&gt;48&lt;span&gt;&lt;p&gt;Minutes&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;span class="second"&gt;12&lt;span&gt;&lt;p&gt;Second&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;
                    &lt;/li&gt;
                  &lt;/ul&gt;
                &lt;/div&gt;
                &lt;address&gt;&lt;i class="fa fa-map-marker"&gt;&lt;/i&gt;San Marino&lt;/address&gt;
                &lt;span class="event-duration colored"&gt;&lt;i class="fa fa-clock-o"&gt;&lt;/i&gt;08:00 AM - 23:00 PM&lt;/span&gt;
              &lt;/div&gt;
              &lt;!-- .campaign-scoop --&gt;
            &lt;/div&gt;
            &lt;!-- .upcoming-campaign --&gt;
            &lt;!-- end of the loop --&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>