Wrapping by span

[hessodreamy]

Within a form I have a text box on the same line as a select box, each with a bit of preceeding text. How do I fix it so that the text associated with the form element wraps at the same time? With a smaller window I'm ending up with the select box wrapping to the next line, and its related text staying on the line above.

Here's a snippet:

Code: Select all

<table>
<tr>
    <td height="28px" colspan="2">
      <form action="blah blah.php" method="get" style="margin:0; text-align:center">

          <span>
              Product Search :
              <input type="text" size="25" id="search" name="searchstring">
              <input type="submit" value="Search" style="font-size:x-small">
          </span>

            search in :
          <span>
                <select name="storeselect">
                    <option value="0">Whole site</option>
                    <option value="1">Air Care</option>
                </select>
          </span>

        </form>
    </td>
  </tr>
</table>

So what I want for small screens is for 'product search' to be on the same line as the texbox (centered) and 'search in' on the same line as the select box. Where the screen is large enough that no wrapping is necessary I want them all on the same line.

[D3mon]

I think style="white-space:nowrap" is the CSS you are looking for.

[hessodreamy]

you bet it is!
Thanks a lot. I had tried nowrap but in the wrong place - doh!

[Pheonix]

useing should also work, altho that would mean you would have to have it all on one line, which probaly would make it difficalt to read, if that is a consern.