hyperlink positioning

Does anyone know how I can define a class so that the following hyperlink "Next" is not on a separate line but is immediately after the last word "1990s."

The Red half of the capital, are the second most supported team in the nation but are the most popular when taking into account neutrals. The Crips are the third most successful league side having landed 2 titles in the late 1990s. <a href="#" onclick="changeIMG('forward');" class="link-blue p-space-removed">Next</a>



.p-space-removed {margin:0 0 0 0;} /* above left below right */
.link-blue { font-family: "calibri"; font-size: 100% ; color: blue ; }
.link-blue:link {text-decoration: none}
.link-blue:visited {text-decoration: none; color: blue;}
.link-blue:active {text-decoration: none}
.link-blue:hover {text-decoration: underline; color: blue;}

Anchors are inline by default, and they must stick in the same line when used with another inline element or some text. There is nothing present in your above posted CSS to change that behaviour. So, post your entire CSS+HTML or a link would be better!

Ok, this is the page I am experimenting on http://www.minifigtimes.com/football2.shtml

the CSS is http://www.minifigtimes.com/default.css

You have
.right a, .left a {/*default.css (line 250)*/
display:block;
}, which makes that anchor, a block type element.

To override this, try
.link-blue:hover {/*default.css (line 212)*/
color:blue;
text-decoration:underline;
display:inline;
}