Hello, I'm having some trouble getting a span to work. I want the hypContact to be on the same row or line if you will that the imgPageTitle is on. Currently the span is floating the hypContact to the right but on a new line. How can I achieve my desired results given the markup and CSS below?
FYI: the ImageURL is set programatically based on a selected theme.


Markup:
<div id="pagetitle">
<asp:Image ID="imgPageTitle" ImageUrl="" AlternateText="HR Home Page Title" runat="server" />
<span id="spanright">
<asp:HyperLink ID="hypContact" ImageUrl="" NavigateUrl="~/HR/Contact.aspx" ToolTip="Contact HR" runat="server">Contact HR</asp:HyperLink></span>
</div>


CSS
#pagetitle
{
padding: 5px 5px 0px 0px;
width: 760px}

#spanright {float:right;}

Ok, so I solved this by adding a span to the object I wanted to align left and I added a width and height to the div. Here are the changes:

Markup:
<divid="pagetitle">
<spanid="spanpagetitleleft"><asp:ImageID="imgPageTitle"ImageUrl=""AlternateText="HR Home Page Title"runat="server"/>
</span><spanid="spanright">
<asp:HyperLinkID="hypContact"ImageUrl=""NavigateUrl="~/HR/Contact.aspx"ToolTip="Contact HR"runat="server">Contact HR</asp:HyperLink></span>
</div>

CSS:

#pagetitle
{
padding: 5px5px5px0px;
width: 760px;
height: 25px;
}

Hiya Scott !! I see you found us and dove in

Any time you float an element, you MUST define a width. The only time you don't have to do that is when floating an image, since the width is set in your html.