는 어떻게 아이콘과 텍스트 사이의 공간이

Question

<ul id="slide-out" class="side-nav fixed" > 
     <div class="logo"><a href="#" class="brand-logo"><%= image_tag "logo.png", height:"auto",width:"120" %></a></div> 
     <ul class="collapsible" data-collapsible="accordion"> 
     <li> 
      <div class="collapsible-header" style="font-size: 15px"><i class="material-icons" style="font-size: 20px">send</i><span>Main</span></div> 
      <div class="collapsible-body" style="background:blue" style="font-size: 15px"> 
      <ul> 
      <a href=""> <li><<i class="material-icons" style="font-size: 20px">send</i> Message</a> </li> 
      <a href=""><li><i class="material-icons" style="font-size: 20px">send</i> Scheduler</a> </li> 
      </ul> 
      </div> 
     </ul> 
    <ul> 

Answer 1

가 빠른 해킹은 일부 비 깨는 공간  를 추가 할 수 있습니다 구체화를 제어하지만 난 그것을 권하고 싶지 않다. 그렇지 않으면 CSS 파일에서 특정 클래스를 찾아 패딩을 수정할 수 있습니다.