ansaurus

Question

css position a text link to the right of a header

Answer 1

A:

Initial thought without CSS would be the following, at least to get your started:

<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="my.css">
</head>
<body>
    <div>
        <div style="float: left;">
            <h1>
                Title</h1>
        </div>
        <div style="float: right;">
            <a class="downloadXYZ" href="download.zip">Download</a>text i dont want. I cant
            figure out what to write here.
        </div>
    </div>
</body>
</html>

Jason Heine 2009-05-15 13:03:02

Answer 2

+1 A:

Hi,

I am not a CSS guru but you could try the following (note the "display:inline") on the header tag.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
<html>
    <head>
     <title></title>
     <link rel="stylesheet" type="text/css" href="my.css">
    </head>
    <body>
     <div class="main">
      <div class="swtitle">
       <h1 class="swTitle" style="display:inline;">Title</h1> 
       <a class="downloadXYZ" href="download.zip">Download</a>text i dont want. I cant figure out what to write here.
      </div>
     </div>
    </body>
</html>

Hope this helps!

Rohland 2009-05-15 13:04:27

Answer 3

+2 A:

You should be using the style="display:inline" this will help you get your text you have to wrap around what you are doing, such as images.

<h1 class="swTitle" style="display:inline;">Title</h1>

You can also use the float if you like too, but inline is much better.

2009-05-15 13:20:40

Answer 4

+1 A:

use the style: display:inline

Thanks

2009-05-15 13:29:20

ansaurus

tags:

views:

answers:

css position a text link to the right of a header

related questions