<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
#point:after{
content:"\02660";
}
</style>
</head>
<body>
<p>Black Spade Suit using Hexa Decimal: ♠</p>
<p>Black Spade Suit using HTML Code: ♠</p>
<p>Black Spade Suit using HTML Entity: ♠</p>
<p id="point">Black Spade Suit using CSS Entity: </p>
</body>
</html>