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;

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

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

image

border-right: 1px Added In:

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

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

image

2

This seems to have fixed it:

.container-right {
  float: right;
}
3

Magic number alert again :slight_smile:

I gave you a better alternative in one of your other threads using flex.

3 Likes
4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.