JSFiddle - React, Tailwind, and code Playground

HTML

<!-- compositeview -->
        <div style="border: 5px solid black;">
            <!-- itemview -->
            <div style="border: 5px solid blue;">
                Group by <select>
                    <option value="audi">Audi</option>
                </select>
            </div>
            <!-- collectionview -->
            <div style="border: 5px solid blue;">
                <!-- compositeview -->
                <div style="border: 5px solid red;">
                    <!-- itemview -->
                    <div style="border: 5px solid yellow;">
                        Snack Alliance, buttons, checkboxes
                    </div>
                    <!-- collectionview -->
                    <div style="border: 5px solid yellow;">
                        <!-- itemview -->
                        <div style="border: 5px solid green;" class="clearfix">
                            
                            <div style="float: left; width: 20%;">
                                1234567 Wal-Mart Stores
                            </div>

                            <table style="float: right; width: 70%;">
                                <tr>
                                    <td>PU</td>
                                    <td>New Orleans, LA</td>
                                    <td>Snack Alliance</td>
                                </tr>
                                <tr>
                                    <td>PU</td>
                                    <td>New Orleans, LA</td>
                                    <td>Snack Alliance</td>
                                </tr>
                                <tr>
                                    <td>PU</td>
                                    <td>New Orleans, LA</td>
                                    <td>Snack Alliance</td>
                                </tr>
                            </table>
                        </div>
                    
                        <!-- compositeview...

CSS

div, table {
                margin: 5px;
            }

            .clearfix:before,
            .clearfix:after {
                content: " ";
                display: table;
            }

            .clearfix:after {
                clear: both;
            }

            .clearfix {
                *zoom: 1;
            }