Home/ Questions/Q 4577974
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T20:25:14+00:00

I want texts with more than one line to wrap around like a single

  • 0

I want texts with more than one line to wrap around like a single block of text, like for “Source” & “DEC” fields below, without using tables.

enter image description here
I guess I should be able to use inline-block to get this to work, but am not been successful.

Below is the simple html I’m working with:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head id="head">
    <title></title>
    <style type="text/css">
       .tt { color: #7777cc; width:85px; }
       .cc { display: inline-block; }
</style>
</head>
<body>
    <div class="g1">
        <div class="expandable">
            <span class="tt">Source </span><span class="cc">Neutron energy was varied by changing the
                emission angle to the deuteron beam. The activities of the "2"3"7U and "2"3"1Th
                residual nuclei were measured by a Ge(Li) and a HP Ge gamma-spectrometer, respectively.</span>
        </div>
    </div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should just use floats.

    .expandable { overflow:hidden; } /* Clears floats */
.tt { float:left; width:85px; }
.cc { float:left; }
    • 0