iPad-Specific CSS

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */

     div {margin:0 auto; border:solid red 1px;}
     td {margin:0 auto; border:solid red 1px;}
     .something {margin:0 auto; border:solid red 1px;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}

-------------------------------------------------------------------------------------------


<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="style.css" />

<link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" href="style.css" />