Align Divs Side By Side With No Empty Black Spaces April 20, 2024 Post a Comment I have following HTML. I am using Twitter Bootstrap and AngularJS. Solution 1: Add font-size: 0px; to the parent.#example { width: auto; background: red; } #example:first-child { font-size: 0px; /* Add to 'connect' divs (as seen in the first example)! */ } #examplediv { display: inline-block; background: yellow; font-size: 14px; }Copy<divid="example"><div>Input div</div><div>Drop down div</div></div><divid="example"><div>Input div</div><div>Drop down div</div></div>CopySolution 2: You can add pull-right like this <div class="item item-input item-stacked-label item-custom-second pull-right"> then add a margin-right to separate them all equally.see fiddle: https://jsfiddle.net/smh6bsrq/1/ Share Post a Comment for "Align Divs Side By Side With No Empty Black Spaces"
Post a Comment for "Align Divs Side By Side With No Empty Black Spaces"