我使用代码创建了彩色方形框
.box {
height: 20px;
width: 20px;
margin-bottom: 15px;
border: 1px solid black;
}
.red {
background-color: red;
}
.green {
background-color: green;
}
.blue {
background-color: blue;
}<div class='box red'></div>= Super Fast Trains<br>
<div class='box green'></div>= Mail/Express Trains<br>
<div class='box blue'></div>= Local/ Passenger Trains但我想要在当前代码中未显示的框旁边的文本。我也尝试了 'float:left' 属性，但这使得第二行和第三行没有显示在相同的边距中。请参阅https://jsfiddle.net/14to4gej/ 上
的代码
所以请帮助我正确修改我的代码，以便在相同边距的框后获取文本。提前致谢。