stackoverflow <dl>

How to move <dl> to the right?

by UtmostCreator

HTML

<dl class="content">
  <dt> STARRING </dt>
  <dd> Mako </dd>
  <dd> Sarah Michelle Gellar </dd>

  <dt> DIRECTOR </dt>
  <dd> Kevin Munroe </dd>

  <dt> RATING </dt>
  <dd> PG </dd>

  <dt> THEATRICAL RELEASE </dt>
  <dd> Mar 23,2007 </dd>

  <dt> MOVIE SYNOPSIS </dt>
  <dd> After the defeat of their old arch nemesis, The Shredder, the Turtles have grown apart as a family. </dd>

  <dt> MPAA RATING </dt>
  <dd> PG, for animated action violence, some scary cartoon images and mild language </dd>

  <dt> RELEASE COMPANY </dt>
  <dd> Warner Bros </dd>

  <dt> GENRE </dt>
  <dd> Action/Adventure, Comedy </dd>
  <dd> Children, Martial Arts, Superheroes </dd>
  <dd> Ninjas, Animated Characters </dd>

  <dt> OFFICIAL MOVIE SITE </dt>
  <dd> The Official TMNT Site </dd>

</dl>

CSS

dl.content {
  max-width: 200px; /* limit the container size */
  margin-left: auto; /* to push it to the right side*/
}