Home/ Questions/Q 6644329
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T00:09:17+00:00

I need your help – I have this CSS and HTML; I need the

  • 0

I need your help – I have this CSS and HTML; I need the text to align to the right of the image. But for some reason, they keep pushing to the bottom of the image. What I’m looking for infact is to have the details next to the image in a grid from left to right.

Here’s my code

<html>
<head>

<style type="text/css">
#container { font-size: 12px; font-family: 'Lucida Grande',Verdana,sans-serif; text-align: center; }

#container a.name_link{
    text-decoration: none;
    color: #8E190B;
    font-weight: bold;
    padding-bottom: 8px;
 }

#image { width:100px; height:104px; border: 2px solid #e9e3dd; float:left;}
#text {  padding-top: 5px; padding-bottom:5px; }  

.horizontal_banner {float:left; margin: 2px; padding: 4px 2px 10px 10px;  }

</style>
</head>

<body>

 <div class="horizontal_banner">
   <div id="container">
    <a href="details.php?id=42">
    <img src="uploads/Lisa.jpg" id="image" title="Lisa"/></a> </div>
    <div id="name_container">
    <a class="name_link" href="details.php?id=42">Lisa</a> </div>

    <div id="text">Not available</div>

     <div id="text">Not Specified</div>
    <div id="text">Female</div>

    </div>


    <div class="horizontal_banner">
    <div id="container">
    <a href="details.php?id=23">
    <img src="uploads/Lucky.jpg" id="image" title="Lucky" /></a>    </div>  
    <div id="name_container">
    <a class="name_link" href="details.php?id=23">Lucky</a> </div>

    <div id="text">Employed</div>

     <div id="text">25 Years</div>

    <div id="text">Male</div>

    </div>
    </body>
</html>

Any help will be greatly appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To do so, you need to specify a fixed width to .horizontal_banner . 200x worked for me when I tried your example.

    • 0