.NavFooter {
	font-size: small;
	font-family: "Times New Roman", Times, serif;
}
a:link {
	color:#0000FF;
	text-decoration: none;
	}
a:visited {
	color:#0000FF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FF0000;
	letter-spacing: normal;
	font-style: oblique;
}
a:active {
	color:#0000FF;
	text-decoration: none;
}
.languages {color: #9999CC}
.weblink {
	color: #0000FF;
}
.heading {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-style: italic;
	font-weight: bolder;
	text-transform: uppercase;
}
.subhead {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bolder;
	text-decoration: underline;
}
.minsubhead {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bolder;
}
.content {
	list-style-position: outside;
	list-style-image: url((URL));
	list-style-type: circle;
	text-align: justify;
}
.acontent {
	list-style-position: inside;
	list-style-image: url((URL));
	list-style-type: circle;
	text-align: center;
}
.position {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bold;
}
.NavDiv {color: #999999}
ul {
    list-style: disc outside none; 
    margin-left: 0; 
    padding-left: 1em;
}
li {
    padding-left: 1em;
}
.footer {
	font-family: "ClassGarmnd BT";
	font-size: x-small;
	color: #333333;
	font-weight: normal;
}
<style>
    my-email::after {
    content: attr(data-domain);
    }
    my-email::before {
    content: attr(data-user);
    }
    </style>
      Set data-user and data-domain as your email username and domain respectively 
     
    <my-email data-user="wall.dan" data-domain="aol.com">@</my-email>