All geek questions in one place

Css places a text link to the right of the title

What I want to do is bold on the left, with a right link with normal font and font. The problem can never get just the link next to it. I always get different text or have a link below, and not next.

Test

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="my.css">
</head>
<body>
<div class="main">
<div class="swtitle">
<h1 class="swTitle">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>
+3
source share
3 answers

You should use the style = "display: inline", this will help you get text that you can wrap around what you are doing, such as images.

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

You can also use float if you want, but the built-in is much better.

+5
source

I am not a CSS guru, but you can try the following (note the "display: inline") in the title tag.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<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>

, !

+1

CSS , , :

<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>
0

Source: https://habr.com/ru/post/1708412/

More articles:


All Articles