CODEWITHSUNDEEP
htmlcss
Miko
Miko

Reputation: 1

How can I put content div inside a table

Currently I find myself a table that contains within it a div with a video player, but is moved around on the left side of the screen, I'd like to hit GrindPlayer, how can I do?

   <style type="text/css" media="screen">
         #GrindPlayer p{
         text-align:center;
         }
         #GrindPlayer{
         margin:0 auto;
         }
         </style>
        <table width="100%" border="0" cellspacing="5">
            <tr>
                <td>
                    <div id="GrindPlayer">
                        <p>
                            Alternative content
                        </p>
                    </div>
                </td>
            </tr>
        </table>

and if I can put the full table at the top of the screen. Thank you

Upvotes: 0

Views: 54

Answers (1)

Stanly
Stanly

Reputation: 673

If you want the div inside the table at the center, this is the solution.

#GrindPlayer p{
  text-align:center;
}
#GrindPlayer{
 margin:0 auto;
}
<table width="100%" border="1" cellspacing="5">
            <tr>
                <td>
                    <div id="GrindPlayer">
                        <p>
                            Alternative content
                        </p>
                    </div>
                </td>
            </tr>
        </table>

Upvotes: 1

Related Questions