How can I align two divs horizontally? [duplicate]

by

Float the divs in a parent container, and style it like so:

.aParent div {
    float: left;
    clear: none; 
}
<div class="aParent">
    <div>
        <span>source list</span>
        <select size="10">
            <option />
            <option />
            <option />
        </select>
    </div>
    <div>
        <span>destination list</span>
        <select size="10">
            <option />
            <option />
            <option />
        </select>
    </div>
</div>

More Related Contents:

  1. My Website is Mirror-flipped on iPhone Devices
  2. Fill SVG path element with a background-image
  3. Freeze the top row for an html table only (Fixed Table Header Scrolling)
  4. Thick underline behind text
  5. Favicon not showing up in Google Chrome [duplicate]
  6. Apply CSS styles to an element depending on its child elements [duplicate]
  7. Space between nowrap inline blocks [duplicate]
  8. Highlight label if checkbox is checked
  9. Tools to selectively Copy HTML+CSS+JS From A Specific Element of DOM [closed]
  10. White space at top of page
  11. How to apply two CSS classes to a single element
  12. Why does percentage padding break my flex item?
  13. How does the vertical-align property work?
  14. What makes the text on a element vertically centered?
  15. Why are dashes preferred for CSS selectors / HTML attributes?
  16. Style not working for innerHTML in Angular [duplicate]
  17. Table tbody scroll in IE8
  18. How to Set Height for the Drop Down of Select box
  19. How can I prevent the scrollbar overlaying content in IE10?
  20. How to center-align one flex item and right-align another using Flexbox [duplicate]
  21. CSS3 border-radius clipping issues
  22. When I try to shift the image upwards using negative margin the whole container is moved upwards
  23. CSS transform origin issue on svg sub-element
  24. transition for background-image in firefox?
  25. Zebra striping a flexbox table with wrapping items
  26. CSS Layout 2-Column fixed-fluid [closed]
  27. Create a Reverse Clip-Path – CSS or SVG
  28. Media queries not working inside an iframe
  29. bootstrap 4: center inline form inside a jumbotron
  30. How do I style radio buttons with images – laughing smiley for good, sad smiley for bad?

Leave a Comment