Something

<html><head><title>Text-Only Diamond</title></head>
<body>
<h1>Text-Only Diamond</h1>


<style>
	
	div.baseballDiamond {
		font-size:36px;
		font-family:Arial;
		color:#bbbbbb;
		
		}
	span.firstBase {
		position:relative;
		left:-117px;
		top:-25px;
	}
	span.firstBaseRunner {
		position:relative;
		left:-142px;
		top:-27px;
		font-size:32px;
		color:black;
	}
	span.secondBase {
		position:relative;
		left:-35px;
		top:-40px;
		color:blue;
	}
	span.secondBaseRunner {
		position:relative;
		left:-60px;
		top:-42;
		font-size:32px;
		color:black;
		color:blue;
	}
	span.thirdBase {
		position:relative;
		top:-25px;
		left:0px;
		color:red;
	}
	span.thirdBaseRunner {
		position:relative;
		left:-25px;
		top:-27px;
		font-size:32px;
		color:black;
		color:red;
	}
	span.homePlateTop {
		position:relative;
		left:-82px;
		top:-20px;
		font-weight:bold;
		font-size:16px;
	}
	span.homePlateBottom {
		position:relative;
		left:-105px;
		top:-4px;
		font-weight:bold;
		font-size:24px;
	}

</style>


<div class="baseballDiamond">

	<!-- THIRD BASE -->
	<span class="thirdBase">&loz;</span>
	<span class="thirdBaseRunner">&bull;</span>

	<!-- SECOND BASE -->
	<span class="secondBase">&loz;</span>
	<span class="secondBaseRunner">&bull;</span>

	<!-- HOME PLATE -->
	<span class="homePlateTop">&prod;</span>
	<span class="homePlateBottom">v</span>

	<!-- FIRST BASE -->
	<span class="firstBase">&loz;</span>
	<span class="firstBaseRunner">&bull;</span>

</div>