如何在php中设置输出命令的样式

Hi guys so i am playing around with PHP. i hae a html page which has a list of recipes which have been styled in a div etc. I then have anther page which is a php page which i would like to return the same div with the styles applied. So far all i have manged to do is return normal text.

The normal HTMl is : Example

My php search code :

I am sure its in this line $output .= '<div>'.$rN.'</div>'; where i am suppose to change the divs but i have tried everything and is getting errors. Any help on this would be great.

Again just so people undertand. The fiddle example is what i want it look like when its retruned. So far those it just looks like normal text. I just need to understand how to call the divs

Just apply the same div that you have and apply the fetched values doing it inside the while block.

Concatenate the values when necessary:

<?php
$output = '';

if(isset($_POST['search'])){
    $searchq = $_POST['search'];
    $searchq = preg_replace("#[^0-9a-z]#i","",$searchq);

    $query = mysql_query("SELECT * FROM recipe WHERE recipeName LIKE '%$searchq%' OR recipe_ing1 LIKE '%$searchq%' ") or die("Could not search.");
    $count = mysql_num_rows($query);

    if($count == 0) {
        $output = 'There was mo match!';
    } else {
        while($row = mysql_fetch_array($query)){
            $rN = $row['recipeName'];

            $output .= '
                <div class="panel panel-default">
                    <div class="panel-heading"><b>' . htmlentities($rN, ENT_QUOTES) . '</b></div>
                </div>
            ';
        }

    }

}
?>

<form action = "search.php" method = "post">
    <input type = "text" name = "search" placeholder = "Search for recipes..."/>
    <input type = "submit" value = ">>" />
</form> 

<?php echo $output; ?>

Just add a class to the div. You can then reuse this class on any element to use the same style.

$output .= '<div class="your-style-class">'.$rN.'</div>';