Quero posicionar a div "bookright" do lado direito da pagina HTML creio que tenho o código CSS correcto mas no entanto não está funcionado. pf vejam a foto, neste momento aparece por baixo da imagem, quero que apareça ao lado, do lado direito.
Alguem que saiba como fazer?
Tenho o seguinte código em HTML:
<table cellpadding="2" cellspacing="2" border="0">
<?php
if(!$r)
{
echo "Query '".$sql."' failed";
}
else{
while($books =mysqli_fetch_object($r)){?>
<tr>
<td class="book"><?php echo '<img src="data:image/jpeg;base64,'.base64_encode( $books->Image ).'"height="370" width="220">'; ?> </td>
<div class="bookright">
<td><label for="ISBN">ISBN:</label> <?php echo $books->ISBN;?> </td>
<td> <label for="title">Title:</label><?php echo $books->Title; ?></td>
<td> <label for="author's name">Author's name:</label><?php echo $books->Authorsname; ?></td>
<td> <label for="edition">Edition:</label><?php echo $books->edition;?></td>
<td> <label for="year">Year:</label><?php echo $books->year; ?></td>
<td> <label for="category">Category:</label><?php echo $books->category; ?></td>
<td> <label for="publisher">Publisher:</label><?php echo $books->publisher; ?></td>
<td> <label for="quantity">Quantity-in-stock:</label><?php echo $books->quantityinstock; ?></td>
<td> <label for="price">Price:</label><?php echo $books->price; ?></td>
<td> <a href="shoppingcart.php?ISBN=<?php echo $books->ISBN; ?>">Order Now</a></td>
</div>
</tr>
<?php }}
?>
</table>
CSS:
.book{
display: block;
width:230px;
height:390px;
box-shadow: 0 0 20px #aaa;
margin: 25px;
padding: 10px 10px 0 10px;
vertical-align: top;
transition: height 1s;
}
.bookright {
right:0;
position:absolute;
}
td{
display:block;
}