I want to display two images, side by side, at the center of the page, as well as display a button at bottom of the page.
Currently, the alignment of the two images is horizontally center. But, what I want is the two images at center of the page.
Below is my code:
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
th,
td {
padding: 15px;
}
.button {
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
}
.home {
font-size: 20px;
width: 100%;
background-color: #2483E8;
}<body align="center"><h2>Guidance</h2><br><table style="width:100%" id="haha"></table><br><img src="image/add.png" width="130px" height="130px"><img src="image/list.png" width="130px" height="130px"><br><br><br><button class="button home" onclick="window.location.href='index.html'">HOME</button></body>Can anyone help?