Using CSS Styles and Character References

<?xml-stylesheet href="Style.css" type="text/css"?>

Full listing of Names.XML:

<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet href="Style.css" type="text/css"?>
<Names xml:lang="en">
    <Name>
        <Firstname>James</Firstname>
        <Lastname>S&#252;osa</Lastname>
        <Chracter>&#9794;</Chracter>
    </Name>
    <Name>
        <Firstname>Ramina</Firstname>
        <Lastname>S&#252;osa</Lastname>
        <Chracter>&#9792;</Chracter>
    </Name>
</Names>

Inline data character references:

♂ = Male symbol
♀ = Female symbol

Full listing of Style.css:

.Firstname
{
    BACKGROUND-POSITION: left top;
    PADDING-LEFT: 0px;
    FONT-WEIGHT:  normal;
    FONT-SIZE: 12px;
    COLOR: #00537A;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.Lastname
{
    BACKGROUND-POSITION: left top;
    PADDING-LEFT: 0px;
    FONT-WEIGHT:  normal;
    FONT-SIZE: 12px;
    COLOR: #3337df;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.Chracter
{
    BACKGROUND-POSITION: left top;
    PADDING-LEFT: 0px;
    FONT-WEIGHT:  normal;
    FONT-SIZE: 12px;
    COLOR: #4E9000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}