<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
#box-one {
background-color: #1c87c9;
}
#box-two {
background-color: #8ebf42;
}
#box-three {
background-color: #cccccc;
}
#box-four {
background-color: #666666;
}
.normal {
height: 100px;
width: 100px;
display: inline-block;
}
.big {
height: 200px;
width: 200px;
display: inline-block;
}
ul li {
display: inline-block;
}
</style>
</head>
<body>
<ul>
<li>
<span id="box-one" class="normal">Blue</span>