Испытание: классики

Если изменить .
bordered {border-radius: 1px;
border: 2px solid #000000;
на
.bordered {border-radius: 0px;
border: 2px solid #000000;
то будет 100%

Просто безумный вариант решения. Не думаю что так вообще стоит делать. XD

100%

body {
width: 500px;
padding: 0;
font-family: “Arial”, sans-serif;
color: #000000;
font-size: 16px;
line-height: 26px;
}

li {
margin: 10px;
}

.large-font {
font-size: 20px;
}

.dark-background {
background-color: #4470c4;
}

.white-colored {
color: white;
}

.bordered {
padding: 5px;
margin: 10px;
border: 2px solid #000000;
}

.border-rounded {
border-radius: 10px;
}

.uppercase {
text-transform: uppercase;
}

li {margin: 10px;}
.large-font {font-size: 20px;}
.dark-background {background-color: #4470c4;}
.white-colored {color: white;}
.uppercase {text-transform: uppercase;}
.border-rounded {border-radius: 10px;}
.bordered {
  border: 2px solid #000000;
  padding: 5px;  
}

100%