Принудительная разрыв строки после формы в таблице - html

Question

У меня есть две формы, которые находятся на одном блоке. Я хочу поставить таблицу после нее, но она не попадает на новую строку и придерживается второй формы. См. Рисунок , на рисунке вы можете увидеть последний элемент, обозначенный как Cry и Lite ... это таблица, которая не получает разрыв строки. У меня есть следующий код: -

<div style="display: flex;">
<form name="myform" method="post" action="usdbtc.php" style="float:left;">
    <div id="log_err"> <strong>
            <?php if(isset($eroor)) { echo $eroor; } ?>
            <?php if(isset($tm)) { echo $tm; } ?>
            <?php if(isset($tah)) { echo $tah; } ?>
            <?php if($au == 1) { echo 'Please log in to trade.';} ?></strong> </div>
    <p><label style="float: left;">Price:</label><input class="input101" style="float: left;" type="text" name="uprice"
            id="box1" oninput="calculate()"><label style="float: right;">:
            <?php echo $market; ?></label><input class="input101" style="float: right;" type="text" name="uam" id="box2" oninput="calculate()">
        <br><input class="input101" style="float: right;" type="text" name="utam" id="result"><br><label style="padding: 10px;">Total
            <?php echo $bm; ?>:</label>
        <td rowspan="2">
            <input type="hidden" name="myform" value="1">
            <br><span class="orderbutton" type="submit" id="ordersell" onclick="myform.submit()">SELL</span></p>
    </td>

</form>
<form name="yourform" method="post" action="usdbtc.php" style="float:right;">
    <div id="log_err"> <strong>
            <?php if(isset($eroor)) { echo $eroor; } ?>
            <?php if($au == 1) { echo 'Please log in to trade.';} ?></strong> </div>
    <p><label style="float: left;">Price:</label><input class="input101" style="float: left;" type="text" name="username"
            id="box3" oninput="calculate()"><label style="float: right;">:
            <?php echo $market; ?></label><input class="input101" style="float: right;" type="text" name="username" id="box4" oninput="calculate()">
        <br><input class="input101" style="float: right;" type="text" name="username" id="resul"><br><label style="padding: 10px;">Total
            <?php echo $bm; ?>:</label>
        <td rowspan="2">
            <input type="hidden" name="yourform" value="1">
            <br>
            <span class="orderbutton" type="submit" id="orderbuy" onclick="yourform.submit()">BUY</span></p>
    </td>

</form>
<div class="abcd">
    <div class="panel-body">
        <div class="data-table">
            <table class="table table-striped table-bordered table-hover" id="btcaddresses">


                <thead>
                    <tr>
                        <th>Crypto</th>

                </thead>
                <tbody>
                    <tr>
                        <td>
                            <img src="images/Mltc.png" width="20" height="20" style="margin-right: 5px; ">Litecoin</td>
                    </tr>
                    </tr>

                </tbody>

            </table>
        </div>

UPDATE Я нашел ошибку сам. Деление со стилем = "display: flex заканчивалось после таблицы, из-за которой проблема просто удалила </div> в конце и поместила его после второй </form>

Answer 1

Ваш HTML, извините, ужасный. Теги не закрыты должным образом, некоторые теги даже не закрыты. Таблицы ведут себя забавно в HTML, что если вы не закроете их, над таблицей появятся теги, не относящиеся к таблице Я исправил ваш HTML, он должен работать лучше для вас.

<div style="display: flex;">
    <form name="myform" method="post" action="usdbtc.php" style="float:left;">
        <div id="log_err"> <strong><?php if(isset($eroor)) { echo $eroor; } ?><?php if(isset($tm)) { echo $tm; } ?><?php if(isset($tah)) { echo $tah; } ?><?php if($au == 1) { echo 'Please log in to trade.';} ?></strong> </div>  
        <p>
            <label style="float: left;">Price:</label>
            <input class="input101" style="float: left;" type="text" name="uprice" id="box1" oninput="calculate()">
            <label style="float: right;">: <?php echo $market; ?></label>
            <input class="input101" style="float: right;" type="text" name="uam" id="box2" oninput="calculate()"><br>
            <input class="input101" style="float: right;" type="text" name="utam" id="result"><br><label style="padding: 10px;">Total <?php echo $bm; ?>:</label>
            <td rowspan="2">
                <input type="hidden" name="myform" value="1">
                <br>
                <span class="orderbutton" type="submit" id="ordersell" onclick="myform.submit()">SELL</span>
            </td>
        </p>

    </form>
    <form name="yourform" method="post" action="usdbtc.php" style="float:right;">
        <div id="log_err">
            <strong><?php if(isset($eroor)) { echo $eroor; } ?><?php if($au == 1) { echo 'Please log in to trade.';} ?></strong> 
        </div>  
        <p>
            <label style="float: left;">Price:</label>
            <input class="input101" style="float: left;" type="text" name="username" id="box3" oninput="calculate()">
            <label style="float: right;">: <?php echo $market; ?></label>
            <input class="input101" style="float: right;" type="text" name="username" id="box4" oninput="calculate()"><br>
            <input class="input101" style="float: right;" type="text" name="username" id="resul"><br>
            <label style="padding: 10px;">Total <?php echo $bm; ?>:</label>
            <td rowspan="2">
                <input type="hidden" name="yourform" value="1">
                <br>
                <span class="orderbutton" type="submit" id="orderbuy" onclick="yourform.submit()">BUY</span>
            </td>
        </p>
    </form>
    <div class="abcd"></div>
    <div class="panel-body">
        <div class="data-table">
            <table class="table table-striped table-bordered table-hover" id="btcaddresses">
                <thead>
                    <tr>
                        <th>Crypto</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <img src="images/Mltc.png" width="20" height="20" style="margin-right: 5px; ">
                            Litecoin
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>