css positionヘッダーの右側にテキストリンク

私がしたいのは、左側に太字のタイトルがあり、右側に通常のサイズとフォントのテキストリンクがあります。問題はそれの横のリンクだけを得ることはできません。私はいつも他のテキストを手に入れているのです。 CSSなしcss positionヘッダーの右側にテキストリンク

テスト

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

出典

2009-05-15 Anonymous

使用しているCSSを追加できますか？ – CodeLikeBeaker

は、それほどノー・ノーのブレークタグですか？ – peirix

あなたはスタイル= "表示：インライン"を使用する必要があります。これは、イメージなど、自分が行っていることを囲むテキストを得るのに役立ちます。

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

あなたも好きならfloatを使うこともできますが、インラインがはるかに優れています。

出典

2009-05-15 13:20:40

マージン/パディングを緩めないように、 '' inline-block'が好きです – outofmind

初期の思想は、少なくともあなたを始めるために、以下、次のようになります。

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

出典

2009-05-15 13:03:02 CodeLikeBeaker

私は、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>

出典

2009-05-15 13:04:27 Rohland

css positionヘッダーの右側にテキストリンク

答えて

関連する問題