Click to See Complete Forum and Search --> : float align problem


kproc
08-29-2006, 08:35 PM
Hi below is an example of information that displays in a box created with css. I want to some how float the last name to the right. when I use float it moves the text to the next line.

how can I do this so Last name is placed to the right and stays on the same line

First Name: name Last Name: last
DOB: 1984-10-23 Age: 22
Edit Delete


what happens with float

First Name: first
Last Name: last
DOB: 1984-10-23 Age: 22

what I want

First Name: first Last Name: last
DOB: 1984-10-23 Age: 22
Edit Delete
Edit Delete

Rossario123
08-29-2006, 08:46 PM
have you tried to apply


clear:right;

kproc
08-29-2006, 08:50 PM
That made it worse. It places the information outside the box.

ray326
08-29-2006, 09:18 PM
Did you give them width?

Rossario123
08-29-2006, 09:32 PM
the box that it is inside, does that have a explicit width set to it?

kproc
08-29-2006, 09:43 PM
script that creates box

.Female {
background: #FDEFED;
border:1px dashed #EC8E7C;
font: 14px Arial, Helvetica, sans-serif;
color: #BC3B26;
width:400px;

}

I place <span> tag around text that I want to move and creates a class within it.

because nothing works I will not post my it as its blank

.fRight {

}