p 태그

Question

내부에 resonsive 텍스트를 만드는 방법 텍스트가 있고 p 태그도 div 태그 안에 있습니다. 반응이 좋으려면 tex가 필요합니다.

이 내 HTML과 CSS 코드

<div class="row"> 
     <div class="col-md-4"> 
      <div id="box4"> 
       <p><a href="#" class="texto4">Brigadistas</a></p> 
      </div> 
     </div> 

     <div class="col-md-4"> 
      <div id="box5"> 
       <p><a href="#" class="texto5">Copasst</a></p>  
      </div> 
     </div> 

     <div class="col-md-4"> 
     <div id="box6"> 
      <p><a href="#" class="texto6">Normatividad</a></p> 
      </div> 
     </div> 
    </div> 


#box4 p a{ 

    text-align: center; 
    position: relative; 
    width: 100%; 
    bottom: 63px; 
    left: 57px; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    font-size: 20px; 
    color: white; 

} 

#box5 p a{ 

    text-align: center; 
    position: relative; 
    width: 100%; 
    bottom: 63px; 
    left: 57px; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    font-size: 20px; 
    color: white; 

} 


#box6 p a { 

    text-align: center; 
    position: relative; 
    bottom: 63px; 
    left: 57px; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    font-size: 20px; 
    color: white; 

}

는 P 태그 안의 텍스트가 브라우저의 크기를 조정 사업부의 외부이다.

너비 : 100 %를 사용했지만 아무 일도 발생하지 않습니다.

이

해결 내

Answer 1

문제의 스크린 샷이다. 감사! 나는 %

#box4,#box5,#box6{ 

    width: 60%; 
    background:rgba(43,86,162,1.00); 
    margin-top:34%; 
    padding-top: 34%; 
    margin-bottom: 14%; 
    position: relative; 
    left:24%; 
    border-radius:12%; 
    border:5px solid rgb(178,205,73); 
} 

#box4 p a{ 

    text-align: center; 
    position: absolute; 
    width: 100%; 
    bottom: 33%; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    font-size: 140%; 
    color: white; 

} 

#box5 p a{ 

    text-align: center; 
    position: absolute; 
    width: 100%; 
    bottom: 33%; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    font-size: 140%; 
    color: white; 

} 


#box6 p a { 

    text-align: center; 
    position: absolute; 
    width: 100%; 
    bottom: 33%; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    font-size: 140%; 
    color: white;