Originally Posted by
Sadboy
that is my code if you can edit it for me and repost it will help me alot
Code:
<div class="col-md-6 col-md-offset">
<div class="panelintro panel-danger blockplan-l" style="min-height: 478px;">
<div class="panel-heading2 headingplan visible-lg"></div>
<form method="post" action="https://www.test.com/checkout" name="wp">
<ul class="list-group list-group-flush text-center">
<li class="list-group-item2 paddingnone ">You can buy Runescape</li>
<li style="font-size:38px" class="list-group-item2 paddingnone "><strong style="color:#f04900; font-size:55">RS3</strong> <strong>Gold<br>in Millions</strong></li>
<li class="list-group-item2"> <strong style="font-size:20px;">$0.18/M</strong></li>
<li class="list-group-item2"> Please enter amount below to see the total price:</li>
</ul>
<div class="wrap-sum">
<div style="font-size:65px;font-weight:400" class="lead sup"> <sup> </sup> </div>
<div id="total_title" style="font-size:55px;color:#f04900;font-weight:400" class="lead"> $0 </div>
</div>
<hr>
<ul style="padding-left: 0px;"> <li class="list-group-item2 paddingnone"> Amount in Millions (1 for : 1 Million):</li></ul>
<input type="number" required="" placeholder="Number of Millions" name="amount" id="rs3amount" class="form-control inputcount4 numeric" step="1" max="99999999" min="40">
<input type="text" required="" placeholder="Character Name" class="form-control inputcount4" value="" id="char_name" name="char_name">
<div class="panel-footer formfoot">
<input type="submit" value="BUY NOW!" onclick="dataLayer.push({ 'event':'googleEvent','eventCategory':'RS3', 'eventAction' : 'buy', 'eventLabel' : undefined, 'eventValue' : undefined });" class="btn btn-lg btn-block btn-danger btn-plan" id="pp_submit">
</div>
<input type="hidden" value="RS3" name="product">
<input type="hidden" value="start" name="func">
</form>
</div>
</div>
</div>
</div>
</div>
I'm guessing you have a .css file you've not included here? Here are 2 divs side by side using flex in your html:
Code:
<div class="col-md-6 col-md-offset" style="display: flex; width: 800px">
<div class="panelintro panel-danger blockplan-l" style="min-height: 478px; flex:1; background-color: grey; padding: 15px;">
<div class="panel-heading2 headingplan visible-lg"></div>
<form method="post" action="https://www.test.com/checkout" name="wp">
<ul class="list-group list-group-flush text-center">
<li class="list-group-item2 paddingnone ">You can buy Runescape</li>
<li style="font-size:38px" class="list-group-item2 paddingnone "><strong style="color:#f04900; font-size:55">RS3</strong> <strong>Gold<br>in Millions</strong></li>
<li class="list-group-item2"> <strong style="font-size:20px;">$0.18/M</strong></li>
<li class="list-group-item2"> Please enter amount below to see the total price:</li>
</ul>
<div class="wrap-sum">
<div style="font-size:65px;font-weight:400" class="lead sup"> <sup> </sup> </div>
<div id="total_title" style="font-size:55px;color:#f04900;font-weight:400" class="lead"> $0 </div>
</div>
<hr>
<ul style="padding-left: 0px;"> <li class="list-group-item2 paddingnone"> Amount in Millions (1 for : 1 Million):</li></ul>
<input type="number" required="" placeholder="Number of Millions" name="amount" id="rs3amount" class="form-control inputcount4 numeric" step="1" max="99999999" min="40">
<input type="text" required="" placeholder="Character Name" class="form-control inputcount4" value="" id="char_name" name="char_name">
<div class="panel-footer formfoot">
<input type="submit" value="BUY NOW!" onclick="dataLayer.push({ 'event':'googleEvent','eventCategory':'RS3',
</div>
<input type="hidden" value="RS3" name="product">
<input type="hidden" value="start" name="func">
</form>
</div>
</div>
<div class="panelintro panel-danger blockplan-l" style="min-height: 478px; flex:1; background-color: green; padding: 15px; margin-left: 15px;">
<div class="panel-heading2 headingplan visible-lg"></div>
<form method="post" action="https://www.test.com/checkout" name="wp">
<ul class="list-group list-group-flush text-center">
<li class="list-group-item2 paddingnone ">You can buy Runescape</li>
<li style="font-size:38px" class="list-group-item2 paddingnone "><strong style="color:#f04900; font-size:55">RS3</strong> <strong>Gold<br>in Millions</strong></li>
<li class="list-group-item2"> <strong style="font-size:20px;">$0.18/M</strong></li>
<li class="list-group-item2"> Please enter amount below to see the total price:</li>
</ul>
<div class="wrap-sum">
<div style="font-size:65px;font-weight:400" class="lead sup"> <sup> </sup> </div>
<div id="total_title" style="font-size:55px;color:#f04900;font-weight:400" class="lead"> $0 </div>
</div>
<hr>
<ul style="padding-left: 0px;"> <li class="list-group-item2 paddingnone"> Amount in Millions (1 for : 1 Million):</li></ul>
<input type="number" required="" placeholder="Number of Millions" name="amount" id="rs3amount" class="form-control inputcount4 numeric" step="1" max="99999999" min="40">
<input type="text" required="" placeholder="Character Name" class="form-control inputcount4" value="" id="char_name" name="char_name">
<div class="panel-footer formfoot">
<input type="submit" value="BUY NOW!" onclick="dataLayer.push({ 'event':'googleEvent','eventCategory':'RS3',
</div>
<input type="hidden" value="RS3" name="product">
<input type="hidden" value="start" name="func">
</form>
</div>
</div>
</div>
</div>
</div>
you really should clean that up, indent the tags and whatnot, and not use inline css; the markup is not very clear.