No replies
JohnWentworth
Offline
newbie
Last seen: 7 years 35 weeks ago
Timezone: GMT-4
Joined: 2012-06-14
Posts: 1
Points: 2

I have a block of text that we want to use and I applied the in line style but it looks different in Chrome then it does in IE or FireFox.

Here is the link to the test site:

http://www.amberroad.com/home-test.shtml

The block of text starting with "Our Global Trade Management..." looks great in IE and FireFox but completely different in Chrome.
Can someone help me out with this? Here is the string of code:

<style type="text/css">
.hero {
        color: #424242;
        font-family: Arial, Helvetica, sans-serif;
        text-align:center;
        margin: 5px auto;
        letter-spacing:0.04em;
        line-height: 125%;
        font-size: 12pt;
        font-variant: small-caps;
        }
.cap {
     font-size: 16px;
     line-height: 125%;
     text-transform: none;
 
}        
 
</style>

And for the text we use this code:

<p class="hero"><img src="http://www.amberroad.com/images/850-gradient.gif" width="850" height="10" border="0" ><br>
    <span class="cap">O</span>ur <span class="cap">G</span>lobal <span class="cap">T</span>rade  <span class="cap">M</span>anagement <span class="cap">S</span>oftware <span class="cap">E</span>nables <span class="cap">G</span>oods <span class="cap">t</span>o <span class="cap">F</span>low <span class="cap">U</span>nimpeded <span class="cap">A</span>cross<br>
<span class="cap">I</span>nternational  <span class="cap">B</span>orders <span class="cap">i</span>n <span class="cap">t</span>he <span class="cap">M</span>ost <span class="cap">E</span>fficient, <span class="cap">C</span>ompliant <span class="cap">a</span>nd <span class="cap">P</span>rofitable <span class="cap">W</span>ay<br>
  <img src="http://www.amberroad.com/images/550-gradient.gif" width="550" height="6" ></p></td></tr></table>

Hopefully one of you very smart people can help me with this.

Thank you for viewing this post.