Hi,

I have two headers that I wish to place next to each other. Can someone please explain how to do this? I've used float left for one and right for the other but it is not working.

Cheers

Can you post the code you're currently using? And do the two images you're trying to float fit in the container they are placed in?

Imar

__________________
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Follow me on Twitter

Author of Beginning ASP.NET 4.5 : in C# and VB, Beginning ASP.NET Web Pages with WebMatrix
and Beginning ASP.NET 4 : in C# and VB.
Did this post help you? Click the button below this post to show your appreciation!

use <div></div container and style the images using CSS. Float the first image to left and leave a width space for the second element.

Hi All,

I have solved my problem. Thank you very much for your assistance.

Regards
Khalil

Hi,

I am not sure why the float function is not working for you. If it is not working, you can use the flex-box layout function.

First, nest the headers inside a div. So you will have a parent div and two headers inside that.

now style the parent element like this.


.parent-div{ display:flex;}

This is all you need to add to get your two headers side by side.

Regards,

Pavithra
Spidergems

Hi,

I am not sure why the float function is not working for you. If it is not working, you can use the flex-box layout function.

First, nest the headers inside a div. So you will have a parent div and two headers inside that.

now style the parent element like this.

This is all you need to add to get your two headers side by side.

Regards,

Pavithra
Spidergems