<pre><code>&lt;div style="width: 300px"&gt;
&lt;div id="one" style="float: left"&gt;saved&lt;/div&gt;&lt;input type="submit" id="two" style="float: right" value="Submit" /&gt;
&lt;/div&gt;
</code></pre>

<p>I would like div#one to be centred in the space between the left edge of the parent div and the left edge of the submit button.</p>

There are a number of techniques listed
here
However, if you simply wanted the "saved" text to be centred, I think you'll need to give a width to #one, e.g.
```
```
<div style="width: 300px">
<div id="one" style="float: left;text-align:center;width:80%">saved</div>
<input type="submit" id="two" style="float: right;width:20%" value="Submit" />
</div>
```
```