Issue Details
Text is moving to next line after square.
Expected - Text should be right after the square.
Am I missing anything?
<html><head><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"></head><body><div class="container-fluid"><div class="row"><div class="col-md-6"><div id="chartjsLegend" class="chartjsLegend"><div style="width:15px;height:15px;background-color:rgb(0, 0, 0)"></div>Q1 - 29.00%<div style="width:15px;height:15px;background-color:rgb(255, 0, 0)"></div>Q2 - 23.78%<div style="width:15px;height:15px;background-color:rgb(0, 255, 0)"></div>Q3 - 19.89%<div style="width:15px;height:15px;background-color:rgb(0, 0, 255)"></div>Q4 - 27.33%</div></div></div></div></body></html>