요소를 정렬하고 같은 위치에 머물게하려면 어떻게해야합니까?

Question

그래서 웹 사이트를 만들고 있습니다. 여기를보세요. www.girlzwithmoustaches.com/test2

내용 위에 검은 색 선을 맞추고 싶습니다 ... 그러나 한 화면에서 볼 때 다른 사람 화면에서는 다르게 보입니다. 어느 쪽이든 오른쪽으로 너무 멀리, 너무 짧거나 하단 부분이 겹칩니다.

저는 squarespace와 CSS를 사용하고 있습니다. 나는 position : relatve; 상단 : #px; 왼쪽 : #px;

.....

는 무엇을 추가해야합니까? 내 CSS를 heres ...

.socialbanner { 
    position: absolute; 
    top: 20px; 
    left: 0px; 
    padding-right: 150px; 
} 

#headerpart { 
    width: auto; 
    height: 100px; 
    margin-top: 0px; 
    vertical-align: center; 
} 

#headerpart .socialicons { 
    display: inline-block; 
    padding: 3px; 
    position: relative; 
    top: 5px; 
    left: 925px; 
} 

.linebreak { 
    color: #434343; 
    position: relative; 
    top: 60px; 
    left: 0px; 
    height: 5px; 
    max-width: 1100px!important; 
    position: relative; 
    min-width: 840px!important; 
} 

Answer 1

CSS 에서이 같은보십시오. 너비는 사용자에 따라 다릅니다.

.main { 
    width: 1000px; 
    margin: 0px auto; 
}