Given that I have the following html markup:

```html
<div class="container">
  <div id="divOne">One div</div>
  <div id="divTwo">
    <span id="spanTwo">
      <label>Input two:</label>
    <input type="text" id="inputTwo" />
    </span>
  </div>  
  <div id="divthree">
    <p>
      <label>selectOne</label>
      <span id="spanSelectOne">
        <select id="selectOne">
          <option value="opt1">Opt1</option>
          <option value="opt2">Opt2</option>       
        </select>
      </span>
      <span id="spanSelectTwo">
        <select id="selectOne">
          <option value="opt01">Opt01</option>
          <option value="opt02">Opt02</option>
        </select>
      </span>      
    </p>
  </div>
</div>
```

How can I make div **id="divTwo"** and div **id="divthree"** appear on the same line? First **divthree** and then **divTwo**, using jQuery or css?

**Update**:

I can't add divs or other elements to the html code, it is rendered like that and I can only change it using js or css.