Php 打印SQL表内容时在DIV内添加断点

我是一个PHP新手，所以请放松点. 目前我有一个简单的SQL表，我试图列出DIV(CSS语音泡泡)内部的内容. 我面临的唯一问题是，它似乎将迪夫堆叠在另一个上面，给人一种只显示一行表的错觉. 如果我在语音气泡DIV输出回声下回声出现一个断点，它只添加一行，因此我需要放入大约20行才能将语音气泡分开.我已经try 了几天，试图在语音泡泡DIV中添加一个行断点，这样每个表行都有自己的单独的语音泡泡，但没有任何结果.如有任何帮助，我们将不胜感激.Tia

 <?php
$servername = "localhost";
$username = "";
$password = "";
$dbname = "";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
  die("Connection failed: " . $conn->connect_error);
}

$sql = "SELECT first_name, review, initial, approved FROM test";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
  // output data of each row
    while ($row = $result->fetch_assoc()) {
        $fielf4name = $row ['approved'];
        $field1name = $row["first_name"];
        $field2name = $row["initial"];
        $field3name = $row["review"];

        if ($row ['approved'] == "1")
        {
            echo '<div class="speech-bubble">', $field1name, ' ', $field2name, ' <br /><br />' , $field3name, ' </div> ' ;
        }
    
}

/*freeresultset*/
$result->free();
}

?> 

语音泡泡CSS(如果需要)

.speech-bubble {
   width: 70%; 
   height: auto; 
   background: #6d8c33;
   position: absolute;
   left:100px;
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
}
.speech-bubble:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid #6d8c33;
   border-bottom: 13px solid transparent;
   margin: 13px 0 0 -25px;
}

我曾try 在DIV中使用断点，但不断出现语法错误.