css not render on the html

I am new to freemarker and I am not sure why the css is not rendering. On
sample code below only 1,2 and 3 is render on the browser but not the css.
Any help is appreciate it. 

This is what I have.

I have two ftls file; one containing the macro and the other one calling the
macro.

ftl containing the macro:

<#macro stepsNavigation steps>
   <ol>
         <#list steps as step>
                <li class="stepOn">
                             <div class="iconStyle">${step}</div> 
                 </li>
         </#list>

  </ol>
</#macro>

ftl calling the macro



<div>
    <@stepsNavigation ssteps=["1","2","3"] />

</div>




--
View this message in context: http://freemarker.624813.n4.nabble.com/css-not-render-on-the-html-tp4654732.html
Sent from the freemarker-user mailing list archive at Nabble.com.

------------------------------------------------------------------------------
Get 100% visibility into Java/.NET code with AppDynamics Lite!
It's a free troubleshooting tool designed for production.
Get down to code-level detail for bottlenecks, with <2% overhead. 
Download for free and get started troubleshooting in minutes. 
http://pubads.g.doubleclick.net/gampad/clk?id=48897031&iu=/4140/ostg.clktrk