2009-05-15 6 views
3

내가하고 싶은 일은 왼쪽에 굵은 글씨를 쓰고 오른쪽에 일반 크기와 글꼴 텍스트 링크를 넣는 것입니다. 문제는 그 옆에있는 링크 만 얻을 수 없습니다. 나는 항상 다른 텍스트를 얻거나 옆의 링크 대신 아래 링크를 가지고있다.CSS 위치에 머리글 오른쪽에 텍스트 링크가 있습니다.

테스트하는 것은

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

사용중인 CSS를 추가 할 수 있습니까? – CodeLikeBeaker

+0

은 그다지 노골적이지 않은 중단 태그입니까? – peirix

답변

5

스타일 = "표시 : 인라인"을 사용하면 이미지와 같은 작업을 수행하는 데 필요한 텍스트를 얻을 수 있습니다.

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

원하는 경우 float을 사용할 수도 있지만 인라인이 훨씬 좋습니다.

+0

마진/패딩이 느슨해 지도록 인라인 블록을 선호합니다. – outofmind

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

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

희망이 있습니다.

관련 문제