Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 296
  • Last Modified:

Float : Right problem with display on next line.

<style>
.headingTwo .li-viewall{
               float:right;
}
td.rMod1 .headingTwo {
            font-family: Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            font-size: 8pt;
            display: block;
            margin: 0px;
            background-color: #000000;
            color: #000000;
            height: 25px;
            vertical-align: middle;
            line-height: 145%;
            text-indent: 10px;
            letter-spacing: 0.05em;
            background-image: url(/gaming/gameTab_left.jpg);
            background-repeat: no-repeat;
            background-position: top;
            font-weight: bold;
      }
</style>


<table cellspacing=1 cellpadding=0 border=0 width="100%">
<tr><td class="rMod1" width="100%">
            <div class="headingTwo" >Favorites <a href="/user_bookmarks" class="viewall">Edit</a></div>
       </td>
</tr>
</table>


I'm right to float the "EDIT" to the right but when I do it displays on the next line and messes everything up.
I thought it was because the float puts the text in a block so I placed the div in a block and it's still not working.
can you think of anything?

            



      
0
rpong
Asked:
rpong
  • 2
1 Solution
 
RoonaanCommented:
Use:

<a href="/user_bookmarks" class="viewall">Edit</a>
<div class="headingTwo" >Favorites </div>

+

td.rMod1 .viewall {float:right;}

-r-
0
 
rpongAuthor Commented:
I don't think that works
0
 
RoonaanCommented:
For an element to float right of content, the element should be defined in front of all content it should float right to.

-r-
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now