title: How to create black rectangles with white words in XSL?
body: <p>I want to create a white text inside a black rectangle but what do I have to add to my code to achieve that? I want Departure to be white in a black rectancle. </p>
  
  <pre><code>&lt;fo:block&gt;
           &lt;fo:table&gt;
                &lt;fo:table-column column-width="20%"/&gt;
                &lt;fo:table-column column-width="20%"/&gt;
    &lt;fo:table-column column-width="20%"/&gt;
    &lt;fo:table-column column-width="20%"/&gt;
    &lt;fo:table-column column-width="20%"/&gt;
                                      &lt;fo:table-body&gt;
                      &lt;fo:table-row&gt;
  
      &lt;fo:table-cell&gt;
                            &lt;fo:block font-size = "10"&gt;DEPARTURE&lt;/fo:block&gt;
                            &lt;/fo:table-cell&gt;
  
                            &lt;fo:table-cell&gt;
                  &lt;fo:block font-size="4"   text-align="center" &gt;ROUTE&lt;/fo:block&gt;
      &lt;fo:block font-size="6" text-align="center"&gt;$ROUTE&lt;/fo:block&gt;
      &lt;/fo:table-cell&gt;
  
      &lt;fo:table-cell&gt;
      &lt;fo:block  font-size="4"   text-align="center"&gt;RATE&lt;/fo:block&gt;
      &lt;fo:block  font-size="6"   text-align="center"&gt;$RATE&lt;/fo:block&gt;
      &lt;/fo:table-cell&gt;
  
      &lt;fo:table-cell&gt;
      &lt;fo:block  font-size="4"   text-align="center"&gt;DEPARTURE DATE&lt;/fo:block&gt;
      &lt;fo:block  font-size="6"   text-align="center"&gt;$DEPARTUREDATE&lt;/fo:block&gt;
      &lt;/fo:table-cell&gt;
  
      &lt;fo:table-cell&gt;
      &lt;fo:block  font-size="4"   text-align="center"&gt;DEPARTURE TIME&lt;/fo:block&gt;
      &lt;fo:block  font-size="6"   text-align="center"&gt;$DEPARTURETIME&lt;/fo:block&gt;
      &lt;/fo:table-cell&gt;
  
                      &lt;/fo:table-row&gt;
                  &lt;/fo:table-body&gt;
              &lt;/fo:table&gt;
          &lt;/fo:block&gt;
  </code></pre>