How can I get images and Text to appear next to eachother aligned

If I’m understanding what you’re trying to do correctly, you need to create 3 divs (one for the left side of the header [cheap fares], one for the right side [london to manchester], and one to hold them both). It looks like you need something like this added to your CSS file:

#photoheader {width:620px;
height:150px;
}

#photoheaderleft
{width:310px;
height:150px;
float:left;}

#photoheaderright
{width:310px;
height:150px;
float:left;}

Then the code would look like this:

<div id="photoheader">

<div id="photoheaderleft">
<img alt="" src="https://trainstomanchester.co.uk/wp-content/uploads/2012/09/cheapfarestomanchester.png" />
<p>Cheap Fares to Manchester</p><p>You could save money splitting your journey into two, we're show you how!</p>
</div>

<div id="photoheaderright">
<img alt="" src="https://trainstomanchester.co.uk/wp-content/uploads/2012/09/londontomanchestertrains.png" />
<p>London to Manchester Trains</p><p>You could get single tickets from London to Manchester from just ￡12.</p>
</div>

</div>

The div that the content is in (“5 Simple Steps to find Cheap Train Tickets…” ) will come below that in your code and will need to have ‘clear:both;’ added to it’s CSS styling.

Hope that helps!

[please read the forum guidelines for posting code]

Thanks for the response Jenna.

Yes I basically just need the train image and the London to Manchester text to be on the right next to the cheap fares to Manchester.

May I ask where in the CSS file I would add your suggestion? And would I need any other code to add it in? I’m very amatuer when it comes to code.

As this is not a WordPress issue, if you don’t receive further help, you should enquire on a CSS specific forum https://csscreator.com/forum .