Home/ Questions/Q 7419229
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T08:01:38+00:00

The following code does the trick for showing two divs on the same line

  • 0

The following code does the trick for showing two divs on the same line in Internet Explorer:

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style>
    th
    {
      border: 0px solid;
      font :12px/1.3 "Lucida Grande", Arial, sans-serifw;
      font-weight: bold;
      padding-left: 5px;
      padding-right: 5px;
      background :lightgrey;
      clear :both;
      width: 70px;
    }
    .thspan
     { display: inline;
      float :left;
      word-wrap: break-word;
      margin-right 25px;
    }
    .bspan
     { display: inline;
      float: right;
      width: auto;
    }
</style>
</head>
    <body>
        <table>
            <th>
                <div class="bspan"><button  id="text2"></button></div>
                <div class="thspan">text1dskjsdkjfsd-sdfdsf</div>
            </th>
        </table>
    </body>
</html>

But now it doesn’t work in Chrome and Firefox… Anyone an idea why?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try change the . thspan lie below

    Add margin-right, get rid of the float and change display to block

    .thspan {
        display: block;
        word-wrap: break-word;
        margin-right: 20px;
}
    • 0