Answers for "how to make a 2 columns fieldset"

1

how to make a 2 columns fieldset

<!-- my solution is to create a div for each line you want in your multiple column style display -->

<fieldset>
	<div>
    	<input class="left">
        <input class="right">
    </div>
    <div>
    	<input class="left">
        <input class="right">
    </div>
    <div>
    	<input class="left">
        <input class="right">
    </div>
    <div>
    	<input class="left">
        <input class="right">
    </div>
</fieldset>
<!-- goes with this stylesheet -->
<style>
fieldset {
    width: 100%;
    border: none;
    display: flex;
    flex-flow: column;
}

fieldset div {
    display: flex;
    flex-flow: row;
}

fieldset input {
    min-width: 50%;
    max-width: 50%;
}
  
.left{
    min-width: 45%;
    max-width: 45%;
    margin-right: 5%;
}
</style>
Posted by: Guest on August-17-2021

Browse Popular Code Answers by Language