.left {
float: left;
width: 50%;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#2858A6;
padding-bottom:5px;
border-bottom:1px dotted #DDDDDD;
}
.right
{
float: right;
width: 50%;
text-align: right;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:red;
padding-bottom:5px;
border-bottom:1px dotted #DDDDDD;
}
//////then your html
<h2 class="left">text on the left</h2>
<h2 class="right">text on the right</h2>
Maybe the code above would work for you.