헤더가 직진하지 않습니다.

Question

누군가이 머리글이 왜 똑바로 나오지 않는지 말해 줄 수 있습니까? 내 목표는 한 번의 호출로 모든 것을 오른쪽에 표시하고 800 개의 전화 번호를 오른쪽에 가져 오는 것입니다. 나는 그들 자신의 div에 배치했지만 800 # 포장입니다.

div 대신에 float, text-align 및 even span을 시도했습니다. 당신은 그들이 "포장"에있는 이유 인이 block-level elements이 http://jsfiddle.net/G78sd/

Answer 1

:

는 현재 사이트를 찾을 수 있습니다. 그래서 그것을 고치는 한 가지 방법은 각 요소에 폭을 부여한 다음 그 요소를 부유시키는 것입니다.

.CompanyName { 
    color: #330000; 
    font-family: Tahoma, Geneva, sans-serif; 
    font-size: 28px; 
    font-weight: bolder; 
    /* text-shadow: 3px 3px 4px rgba(0, 0, 0, .9); */ 
    font-variant:small-caps; 
    margin-top: 22px; 
    width: 450px; 
    float: left; 
} 

.HeaderPhoneNumber { 
    color: #330000; 
    font-family: Tahoma, Geneva, sans-serif; 
    font-size: 28px; 
    font-weight: bolder; 
    /* text-shadow: 3px 3px 4px rgba(0, 0, 0, .9); */ 
    font-variant:small-caps; 
    width: 450px; 
    float: right; 
    text-align: right; 
}