같은 줄에있는 HTML 표제 및 링크

Question

나는 css를 처음 사용하고 있습니다. 센터에 머리글 h2를 표시하고 오른쪽 끝에 같은 줄에 링크를 표시하려고합니다.

몇 가지 옵션을 시도했지만 모두 왼쪽의 제목을 정렬합니다. 도움을 주시면 감사하겠습니다.

감사합니다. 이 같은

Answer 1

쓰기 :

HTML

<h1>heading <a href="#">link</a></h1> 

CSS

h1{ 
    text-align:center; 
} 
h1 a{ 
    float:right; 
} 

이 http://jsfiddle.net/KJSmB/

Answer 2

몇 가지 방법이 있습니다 확인 너는 이것을 할 수있다. 내가 생각할 수있는 가장 간단하고 빠른 방법은 부모 div를 사용하고 그 안에 제목과 링크를 넣는 것입니다. 그래서 HTML은 다음과 같이 표시됩니다 다음과 같이

<div class="test"> 
    <h2>Heading comes here</h2><a href="">Link comes here</a> 
</div> 

당신의 스타일이 될 수 있습니다

.test { 
    text-align: center; 
} 
h2 { 
    display: inline-block; 
} 

a { 
    float: right; 
}