Question

我想要做的是左边有一个粗体标题，右边是正常尺寸和字体文字链接。问题永远不会只有它旁边的链接。我总是得到其他文字或下面的链接而不是旁边。

测试

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

Answer 1

你应该使用style =“display：inline”这将帮助你获得你的文字，你必须包围你正在做的事情，如图像。

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

如果您也喜欢，也可以使用浮点数，但内联更好。

Answer 2

我不是CSS大师，但你可以在标题标签上尝试以下内容（请注意“display：inline”）。

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

希望这有帮助！

Answer 3

没有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>

css将标题右侧的文本链接定位

3 个答案: