I am trying desperately to align two views below each other with autolayout hoping to animate them in the future and with a relative position this makes it more rigid than just setting frames and updating etc...

So the code:

```
// create two views
UIView *one = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
UIView *two = [[UIView alloc] initWithFrame:CGRectMake(0, 150, 50, 50)];

// add some color
[one setBackgroundColor:[UIColor whiteColor]];
[two setBackgroundColor:[UIColor redColor]];

// add them to self ( self = uiview )
[self addSubview:one];
[self addSubview:two];

// make dict
NSDictionary *views = NSDictionaryOfVariableBindings(one, two);

// add constraints to make the views as wide as the container ( self )
[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[one]|"
                                                             options:0
                                                             metrics:nil
                                                               views:views]];

[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[two]|"
                                                             options:0
                                                             metrics:nil
                                                               views:views]];

// add constraint to make the second ( two ) item 10px below the first ( one )
[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[one]-10-[two]"
                                                             options:0
                                                             metrics:nil
                                                               views:views]];

```

```

![enter image description here](https://i.stack.imgur.com/ARNZv.png) <-- the result

![enter image description here](https://i.stack.imgur.com/2UTKN.png) <-- the goal

What am i doing wrong?

Thanks in advance!