클래스의 전체 영역에 배경색을 적용하는 방법

Question

전체 클래스 영역 (class = "test_detail")에서 배경색을 변경하고 싶지만 텍스트 뒤의 색상 만 변경하고 싶습니다.

나는 레일 4

index.html.erb에게

. 
. 
. 
<% @calendar.each do |c| %> 
. 
. 
. 
<aside class="span7"> 
    <span class="test_detail"> 
     <% if c.day? %> 
     <%= c.day %> 
     <% else %> 
     xxx 
     <% end %> 
     <br> 
     xxx <%= link_to "xxx", 'http://xxx' %> 
    </span> 
</aside> 
. 
. 
. 
<% end %> 

custom.css.scss

.test_detail { 
    font-size: 12px; 
    color: gray; 
    background-color: orange; 
} 

font-size 및 color 작업을 사용하지만, 작동하지 않을 background-color 보인다.

Answer 1

이 아니고 div이 아니기 때문에 이는 기본적으로 인라인이므로이 경우 텍스트 뒤에 직접 배경색이 변경됩니다. 배경 색상으로

http://www.cssreset.com/understanding-the-difference-between-div-and-span/