Problem centering two images side-by-side.

  • Hello,

    I need to horizontally center two images on a specific page.

    It has a background image set using:

    #services {	width: 100%;
	   	height:450px;
		background: url('https://philisacare.co.za/wp-content/themes/pharmaplus/images/bg-appointment.png') no-repeat left bottom #f3f3f3;
}

    I try using #images-wrap {text-align:center;} in the #services div to display the images horizontally in the center but they end up one on top of the other/vertically stacked.

    Link: https://philisacare.co.za/membership-login/

    Please help or advise a more efficient way to do this?

    Thanks
    WWM

Viewing 3 replies - 1 through 3 (of 3 total)

  • hai webwealthmedia

    try this one on your css

    .rich_editor_text p {
    margin-bottom: 30px;
    width: 50%;
    float: left;
    }

    Thread Starter webwealthmedia

    (@webwealthmedia)

    Awesome, thanks arunmilky!

    Could you also advise how to center them vertically please?

    If you have time, perhaps a quick guide to why you used the p instead? None of the other the potential solutions I found online resemble yours (or worked like yours does) so it would be good to know how this magic works ??

    Thread Starter webwealthmedia

    (@webwealthmedia)

    Ok the solution works for this page specifically but rearranges content on others in a similar way. Not ideal.

    Other solutions to edit this page specifically?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem centering two images side-by-side.’ is closed to new replies.