Bu şekilde yapabilirsiniz.

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		section {
		max-height: 15px;
		overflow: hidden;
		background-color: #665847;
		border-left:8px #3D362D solid;
		width: 220px;
		padding: 4px;
		color: #FFFFFF;
		-webkit-transition: max-height 1s ease;
		-moz-transition: max-height 1s ease;
		-o-transition: max-height 1s ease;
		transition: max-height 1s ease;
		font:12px Tahoma;
		}

		section:hover {max-height: 200px;}

		span{color:#FF9900; display:block; margin-bottom:5px;}	
	</style>
</head>
<body>
	<section>
	<span>Adobewordpress.com ne yapar?</span>
	Adobe dersleri, WordPress, SEO, HTML5 ve CSS3 gibi güncel konuları ele alan Türkçe interaktif eğitim merkezi.
	</section>
</body>
</html>