title: HTML Centering image and h1 inside a card
body: <p>I need help centering the image and h1 inside a card I have created. I want them to be next to eachother and centered horizontally.</p>
  
  <p><a href="https://jsfiddle.net/1tjpnvdt/" rel="nofollow noreferrer">https://jsfiddle.net/1tjpnvdt/</a></p>
  
  <p>I have tried things with floats and not have gotten it to work. I have gotten them on the same line but not able to center them.</p>
  
  <pre><code>&lt;section class="workers-section"&gt;
              &lt;h2 class="section-heading"&gt;Töötajad&lt;/h2&gt;
              &lt;table class="workers_table"&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;div id="mainbox"&gt;
                              &lt;div class="card"&gt;
                                  &lt;img class="profile_pic" src="workers/default.jpg" alt="default"&gt;
                                  &lt;h1 class="name"&gt;Name&lt;/h1&gt;
                                  &lt;p class="work"&gt;&lt;span class="work_icon"&gt; &lt;/span&gt;Work&lt;/p&gt;
                                  &lt;p class="mail"&gt;&lt;span class="mail_icon"&gt;✉ &lt;/span&gt;Email&lt;/p&gt;
                                  &lt;p class="phone"&gt;&lt;span class="phone_icon"&gt;✆ &lt;/span&gt;Phone&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;div id="mainbox"&gt;
                              &lt;div class="card"&gt;
                                  &lt;img class="profile_pic" src="workers/default.jpg" alt="default" /&gt;
                                  &lt;h1 class="name"&gt;Name&lt;/h1&gt;
                                  &lt;p class="work"&gt;&lt;span class="work_icon"&gt; &lt;/span&gt;Work&lt;/p&gt;
                                  &lt;p class="mail"&gt;&lt;span class="mail_icon"&gt;✉ &lt;/span&gt;Email&lt;/p&gt;
                                  &lt;p class="phone"&gt;&lt;span class="phone_icon"&gt;✆ &lt;/span&gt;Phone&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;div id="mainbox"&gt;
                              &lt;div class="card"&gt;
                                  &lt;img class="profile_pic" src="workers/default.jpg" alt="default" /&gt;
                                  &lt;h1 class="name"&gt;Name&lt;/h1&gt;
                                  &lt;p class="work"&gt;&lt;span class="work_icon"&gt; &lt;/span&gt;Work&lt;/p&gt;
                                  &lt;p class="mail"&gt;&lt;span class="mail_icon"&gt;✉ &lt;/span&gt;Email&lt;/p&gt;
                                  &lt;p class="phone"&gt;&lt;span class="phone_icon"&gt;✆ &lt;/span&gt;Phone&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;div id="mainbox"&gt;
                              &lt;div class="card"&gt;
                                  &lt;img class="profile_pic" src="workers/default.jpg" alt="default" /&gt;
                                  &lt;h1 class="name"&gt;Name&lt;/h1&gt;
                                  &lt;p class="work"&gt;&lt;span class="work_icon"&gt; &lt;/span&gt;Work&lt;/p&gt;
                                  &lt;p class="mail"&gt;&lt;span class="mail_icon"&gt;✉ &lt;/span&gt;Email&lt;/p&gt;
                                  &lt;p class="phone"&gt;&lt;span class="phone_icon"&gt;✆ &lt;/span&gt;Phone&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;div id="mainbox"&gt;
                              &lt;div class="card"&gt;
                                  &lt;img class="profile_pic" src="workers/default.jpg" alt="default" /&gt;
                                  &lt;h1 class="name"&gt;Name&lt;/h1&gt;
                                  &lt;p class="work"&gt;&lt;span class="work_icon"&gt; &lt;/span&gt;Work&lt;/p&gt;
                                  &lt;p class="mail"&gt;&lt;span class="mail_icon"&gt;✉ &lt;/span&gt;Email&lt;/p&gt;
                                  &lt;p class="phone"&gt;&lt;span class="phone_icon"&gt;✆ &lt;/span&gt;Phone&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/section&gt;
  </code></pre>