CSS를 사용하여 Wordpress의 텍스트 겹침 방지하기

Question

이 페이지를 참조하십시오 http://www.parentcenterhub.org/region6-aboutus/

오른쪽에 링크 목록을 추가했습니다. CSS는 다음과 같습니다.

.custom_list { 
position: absolute; 
Right: 70px; 
top: 30px; 
list-style-type: none;} 
a.custom1_link { color:rgb(234,150,41); } 

그러나 이제 페이지의 주 콘텐츠가 중복됩니다. 목록의 너비를 300px로 유지하고 페이지의 주요 내용을 감싸고 싶습니다. 올바른 코드를 알려주십시오.

Answer 1

스타일은 다음과 같이 될 것입니다 :

.custom_list { 
    list-style-type: none; 
    float: right; 
    display: inline-block; 
} 
#primary{ 
    display: -webkit-box; // or display: flex; 
}