pofigizm/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
  <meta charset="utf-8">
  <title>Yandex/Q5</title>
<style>
table, tr, td {
  border:1px solid;
  text-align: center;
  padding: 10px;
}
</style>
</head>
<body>
<table>
  <tr id='headrow'>
    <td>head 1</td>
    <td>head 2</td>
    <td>head 3</td>
    <td>head 4</td>
    <td>head 5</td>
    <td>head 6</td>
    <td>head 7</td>
    <td>head 8</td>
    <td>head 9</td>
    <td>head 10</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
  </tr>
</table>
<script>
$(document).ready(function() {
  $('#headrow td')
    .html(function() {
      return "<div>" + this.innerHTML + "</div>";
    });
  $('#headrow td div').rotate({ angle:270 });
  $('#headrow').height(100);
});
</script>


</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
	<meta charset="utf-8">
	<title>Yandex/Q5</title>
	<style>
	table, tr, td {
	border:1px solid;
	text-align: center;
	padding: 10px;
	}
	</style>
	</head>
	<body>
	<table>
	<tr id='headrow'>
	<td>head 1</td>
	<td>head 2</td>
	<td>head 3</td>
	<td>head 4</td>
	<td>head 5</td>
	<td>head 6</td>
	<td>head 7</td>
	<td>head 8</td>
	<td>head 9</td>
	<td>head 10</td>
	</tr>
	<tr>
	<td>1</td>
	<td>2</td>
	<td>3</td>
	<td>4</td>
	<td>5</td>
	<td>6</td>
	<td>7</td>
	<td>8</td>
	<td>9</td>
	<td>10</td>
	</tr>
	</table>
	<script>
	$(document).ready(function() {
	$('#headrow td')
	.html(function() {
	return "<div>" + this.innerHTML + "</div>";
	});
	$('#headrow td div').rotate({ angle:270 });
	$('#headrow').height(100);
	});
	</script>


	</body>
	</html>