How do you make images in a row that link onwards?

I would like a page in my website to display two images in a row which are clickable links to further pages, with bold labels underneath.

An example of what I want is the four boxes on:

https://www.flavoursholidays.co.uk/

What I have looked into so far:

1 – Using the spacebar to space the images – but this is an inept and non-responsive solution

2 – WP Gallery Custom Links plugin – but the finish is ugly and it doesn’t space the images evenly on the page

3 – Vertical divs – didn’t work

4 – Trying to do it in an unused widget area in the footer – but I want my pages to look consistent, and I do not know how to switch the footer area on for only one page. It seems too clumsy a solution.

5 – Code, this was my best effort:

<div class="centered">

<b class="inline">
</b><b><img class="inline" title="x" src="https://joygodfreyplaytherapy.co.uk/wp-content/uploads/2015/01/pteg22-e1422654568385.jpg" alt="" width="250" height="152" /></b><b></b><b><img class="inline" title="x" src="https://joygodfreyplaytherapy.co.uk/wp-content/uploads/2015/01/pteg12-e1422654555317.jpg" alt="" width="251" height="152" /></b>

</div>

with this in the child theme:

/* centres services images*/

.centered {
    text-align: center;
}

/*pads services images*/
b {
    padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 50px;
}

However, this is not centrally aligned; if I add captions to this it ruins the centre alignment completely, and also the text underneath (i.e. the caption) is not promient.

Maybe there is a way using php… but I have never successfully made a child php. It always breaks my site. I am willing to try that.