Question: I have the following [example](http://jsbin.com/ohonaYu/1/edit):

```
<div class="container">
  <div class="left"></div>
  <div class="right">
    <span class="number">1</span>
    <span class="number">2</span>
  </div>
</div>

```

As you can see in the code above left div in not vertically aligned:![enter image description here](https://i.stack.imgur.com/tXM3j.png)

But if I remove float: right then left div gets vertically aligned well: [example](http://jsbin.com/ohonaYu/2/edit)
![enter image description here](https://i.stack.imgur.com/Wu5CH.png) 

Please help me how could I make vertical align left div with right float right div?

**EDIT**: Could you provide a solution without padding, margin, top, left etc?

Answer: 
How about 

```
select * from `post_plus` left join `post` on `post`.`id` = `post_plus`.`news_id` where `post`.`id` IS NULL

```
You can do this with a left join

```
SELECT p.id, pp.id FROM post p LEFT JOIN post_plus pp ON (pp.news_id = p.id)

```

you will get all rows from post and pp.id will be null on those rows that don't match. 

if you append a where clause you will get only the ones that do not match

```
SELECT p.id, pp.id FROM post p LEFT JOIN post_plus pp ON (pp.news_id = p.id) where pp.id is null

```

(tested)