It is good when robots like Tyler may run amok from time to time. That's how important improvements may be discovered. It is like Tyler is just asking to learn how to handle more.
One simple solution may be to put each article in it's own div with a height and an overflow CSS setting. This code listing was tested to work. However, it is meant for discussion purposes only.
<!DOCTYPE html>
<html>
<head>
<style>
#article {
background-color: #f8f8f8;
height: 88px;
overflow: auto;
}
</style>
</head>
<body>
<p>The overflow property may be use to handle the content of an article that exceeds a certain height.</p>
<p>overflow:auto</p>
<div id="article">
<p>
My long article content goes here, and here, and goes on
and on here, and continues to go on and on here and here,
and continues to go on and on here and here...
</p>
<p>
And continues to go on and on here and here, and continues
to go on and on here and here, and continues to go on
and on here and here, and continues to go on and on here
and here...
</p>
<p>
And continues to go on and on here and here, and continues
to go on and on here and here, and continues to go on and
on here and here, and continues to go on and on here and
here, and continues to go on and on here and here...
</p>
</div>
</body>
</html>
It is fairly simple to remove this markup, if Tyler ever develops an alternate means, such as summarizing the article text. Other modifications are possible to integrate this markup into the homepage. It is always a good idea to check it in all browsers, etc.
Reference: http://www.w3schools.com/cssref/pr_pos_overflow.asp (http://www.w3schools.com/cssref/pr_pos_overflow.asp)