h1과 함께 내용 넣기

<h1> 태그 아래에 버튼을 추가하고 싶지만 사용하기 위해 어떤 CSS를 사용해야할지 모릅니다. 아래 이미지는 "Main_Page"제목과 버튼이 별도 div의 각 부분을 구성하는 시나리오입니다. margin-top 속성을 사용해 보았지만 사용할 수있는 다른 기술을 알고 싶습니다. 이름 사업부에 대한 아무것도 동안 h1과 함께 내용 넣기

enter image description here

나는, 버튼 div에 대해 다음 CSS를 사용했다.

이 코드

#wiki-page-head .buttons 
{ 
    float: right; 
    margin-top: -30px; 
    text-align: right; 
    max-width: 500px; 
}

출처

2012-03-24 chris05

최소 코드 예제를 제공하십시오. 아마도 Main_Page 블록에'float : left'가있을 것입니다. 이 'float : left'를 제거하거나 버튼 블록에'clear : left'의'clear : both'를 추가 할 수 있습니다. –

jsFiddle은 코드 문제를 공유하고 시연하는 가장 좋은 방법입니다. –

예. 예를 들어, h1이 버튼 상단에 있고, 정말로 버튼에 신경 쓰고 싶습니까? –

<div style="display:inline;"> 
     <h1 style="display:inline;vertical-align:-3px;" >Ton titre</h1> 
    </div> 
    <div style="display:inline;"> 
     <input type="button" value="Edit"></input> 
     <input type="button" value="Discussion"></input> 
     <input type="button" value="History"></input> 
    </div>

, 당신은 아래의 이미지는, 당신이 원하는 것을 것을 같은 결과를 얻을해야합니까? Result

출처

2012-03-24 12:36:48 Aleks

마진을 정의하는 것보다 'display : inline'을 사용하는 것이 훨씬 더 좋습니다. 귀하의 답변 주셔서 감사합니다! – chris05

@chrisportelli, 그 아래가 아니라, 당신은 나란히 말합니다 – Starx

@Starx : 이미지는 나를 도왔습니다 ^^ – Aleks

h1과 함께 내용 넣기

답변

관련 문제