[russell3Participant]

On this Integrity 1 page https://www.steedman.co.uk/about-us/our-people/ I have 2 staff profiles where I would like the letters after the H3 name to be an H4 but on same line. I have attached 2 screen shots

1) The first shows the way it is at present with ‘ACCA’ on same line in the H3 as ‘Jason Steedman’

2) The second shows how I would like it to be (reduced from a screen grab in Photoshop)

I have tried various CSS tweaks to do with float left and float right in an inline block but none worked properly as it kept making a mess of the vertical alignment.

I was wondering if there is an easier way to achieve this or how to code it in the css.

Any ideas greatly appreciated.

[RupokMember]

Hi there,

If you use float: left; for both h3 and h4 then it should work fine. But I’d suggest to use the text within same heading and use span tag for some words if you want to style differently. You can either give the span a class name and add custom CSS or directly add inline CSS.

Hope this makes sense.

[russell3Participant]

Managed to achieve it using this

<h3 class=”man” style=”display:inline;”>Jason Steedman</h3> <h2 class=”h5 man” style=”display:inline;”>ACCA</h2>

Many thanks

[JoaoModerator]

Glad to hear it,

Let us know if we can help with anything else.

Joao

[Author]

Posts