Adding border-right: 1px causes the whole structure to fall apart

HTML-CSS
1

How would this be fixed so that ‘border-right: 1px’ can be used?

border-right: 0;
https://jsfiddle.net/7dj6crmL/30/

input[type=submit] {
  border-right: 0;
}

.container-right {
  float: left;
  margin: 0 0 0 146px;
}

border-right: 1px Added In:
https://jsfiddle.net/7dj6crmL/32/

input[type=submit] {
  border-right: 1px solid #0059dd;
}

.container-right {
  float: left;
  margin: 0 0 0 146px;
}

2

This seems to have fixed it:
https://jsfiddle.net/7dj6crmL/39/

.container-right {
  float: right;
}