rudionrails/seo optimize your page with css

## seo optimize your page with css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <style type="text/css">
      .container {
        /* position: relative;
        padding-bottom: 160px; */

        background-color: orange;
      }
      .container .seo {
        /* position: absolute;
        bottom: 0;
        height: 150px; */

        background-color: green;
      }
    </style>

  </head>

  <body>

    <div class="container">

      <!-- the seo text - at the top in the dom, but styled to be at the bottom -->
      <div class="seo">
        Duis pulvinar lacinia pharetra. Sed sit amet orci consectetur tellus vulputate
pulvinar. In libero lectus, semper vel pellentesque in, cursus ut urna. Nullam eget
facilisis enim. Sed id dui magna. Quisque at justo mauris. Nullam at eros nisi, at
suscipit ligula. Aenean consectetur tristique luctus. Morbi molestie ligula id dui
interdum a commodo neque lacinia. Mauris in arcu vel sapien tincidunt tempor ac sed
justo. Pellentesque lobortis nunc quis felis laoreet quis condimentum nulla consectetur.
      </div>

      <!-- the regular text -->
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut placerat mi.
Donec eu tortor nibh. Integer posuere varius nibh, non volutpat nulla porta quis.
Aenean accumsan aliquet metus id vehicula. Etiam in sem id ante aliquet fringilla.
Donec ligula leo, convallis non laoreet ac, imperdiet nec tellus. Integer sapien orci,
ornare eu posuere ac, lacinia gravida neque. Nulla facilisi. Duis tincidunt dapibus
auctor. Ut sit amet massa sit amet purus porttitor viverra. Vivamus lobortis placerat
auctor.
      </p>

      <p>
        Praesent dignissim, ante a pharetra malesuada, eros nisl lobortis nisi,
ut ultrices elit purus vel eros. Aliquam urna sapien, molestie at dapibus at,
volutpat vel ipsum. Sed tincidunt est eget erat mollis congue. Vivamus eleifend
placerat magna, vel pellentesque nisi imperdiet vel. Praesent ut nulla elit. In
hac habitasse platea dictumst. Fusce aliquam augue vitae arcu rutrum consectetur.
Curabitur ullamcorper ullamcorper sem, quis luctus lacus lobortis sed. Etiam
justo odio, condimentum a vulputate vel, rutrum ac quam. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut quis
faucibus quam. Quisque pretium, metus sit amet gravida ultrices, ipsum arcu
vulputate ante, non commodo massa elit eu justo. Duis eu odio elit. Vestibulum
ullamcorper neque a erat consectetur hendrerit.
      </p>
    </div>

  </body>
</html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<style type="text/css">
	.container {
	/* position: relative;
	padding-bottom: 160px; */

	background-color: orange;
	}
	.container .seo {
	/* position: absolute;
	bottom: 0;
	height: 150px; */

	background-color: green;
	}
	</style>

	</head>

	<body>

	<div class="container">

	<!-- the seo text - at the top in the dom, but styled to be at the bottom -->
	<div class="seo">
	Duis pulvinar lacinia pharetra. Sed sit amet orci consectetur tellus vulputate
	pulvinar. In libero lectus, semper vel pellentesque in, cursus ut urna. Nullam eget
	facilisis enim. Sed id dui magna. Quisque at justo mauris. Nullam at eros nisi, at
	suscipit ligula. Aenean consectetur tristique luctus. Morbi molestie ligula id dui
	interdum a commodo neque lacinia. Mauris in arcu vel sapien tincidunt tempor ac sed
	justo. Pellentesque lobortis nunc quis felis laoreet quis condimentum nulla consectetur.
	</div>

	<!-- the regular text -->
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut placerat mi.
	Donec eu tortor nibh. Integer posuere varius nibh, non volutpat nulla porta quis.
	Aenean accumsan aliquet metus id vehicula. Etiam in sem id ante aliquet fringilla.
	Donec ligula leo, convallis non laoreet ac, imperdiet nec tellus. Integer sapien orci,
	ornare eu posuere ac, lacinia gravida neque. Nulla facilisi. Duis tincidunt dapibus
	auctor. Ut sit amet massa sit amet purus porttitor viverra. Vivamus lobortis placerat
	auctor.
	</p>

	<p>
	Praesent dignissim, ante a pharetra malesuada, eros nisl lobortis nisi,
	ut ultrices elit purus vel eros. Aliquam urna sapien, molestie at dapibus at,
	volutpat vel ipsum. Sed tincidunt est eget erat mollis congue. Vivamus eleifend
	placerat magna, vel pellentesque nisi imperdiet vel. Praesent ut nulla elit. In
	hac habitasse platea dictumst. Fusce aliquam augue vitae arcu rutrum consectetur.
	Curabitur ullamcorper ullamcorper sem, quis luctus lacus lobortis sed. Etiam
	justo odio, condimentum a vulputate vel, rutrum ac quam. Class aptent taciti
	sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut quis
	faucibus quam. Quisque pretium, metus sit amet gravida ultrices, ipsum arcu
	vulputate ante, non commodo massa elit eu justo. Duis eu odio elit. Vestibulum
	ullamcorper neque a erat consectetur hendrerit.
	</p>
	</div>

	</body>
	</html>