Centering an element

by Stephane de Luca

HTML

<article class="article1">

     <h1 class = "nadpis2">Co nabízím?</h1>
     <h2 class = "nadpis3">Jaké služby vám mohu nabídnout a jak se domluvit?</h2>  

    <table>
        <tbody>
            <tr>
                <td>
                    <img src="obr-kontakt.png" alt=""/>
                    <div class="desc">Zkontaktujte mne</div>
                </td>
                <td>
                    <img src="obr-wait.png" alt=""/>
                    <div class="desc">Vyčkejte na odpověď</div>
                </td>
                <td>
                    <img src="obr-lidi.png" alt=""/>
                    <div class="desc">Domluvíme se na vašich požadavcích</div>
                </td>
            </tr>
            <tr>
                <td>
                    <img src="obr-design.png" alt=""/>
                    <div class="desc">Vytvořím vám design na míru</div>
                </td>
                <td>
                    <img src="obr-html.png" alt=""/>
                    <div class="desc">Pomocí HTML/CSS web zrealizuji</div>
                </td>
                <td>
                   <img src="obr-penize.png" alt=""/>
                   <div class="desc">Web vám prodám za nejnižší ceny</div>
                 </td>
            </tr>
        </tbody>
    </table>
</article>

CSS

.article1 {
    padding-top: 20px;
    height: 850px;
    width: 100%;
    background-color: white;
    margin: auto;
    border: solid 1px red;
} 

table {
    margin: auto;
    width: 100%;
}
td {
    padding:5px;
    text-align: center;
    vertical-align: top;
    border: solid 1px orange;
}
td>img {
    margin: auto;
    width: 128px
    height: 128px;
    border: solid 1px blue;
}
td>div {
    width: 100%;
    border: solid 1px yellow;
}
.desc {
  text-align:center;
  font-family: 'Abel';
  font-size: 20px;
  margin:5px;
}