JavaScript Separating two select boxes on same row equally in CSS

I have a container that is a certain width.

I have two select elements rendering on the same line in this main div container. The first one is absolute positioned 40px left from the main div container and the right one is absolute positioned 40px right from the main div container. Thus, resulting in a centered container within the main div container.

My goal is to push two select elements into the resulting container that sit on either side of either, having the same width, and having a space equidistant in the middle.

Here is my current HTML:

<div id="container">
    <select class="edit" style="left: 40px; top: 290px; width: 136px;"></select>
    <select class="edit" style="left: 190px; right:40px; top: 290px; width: 136px"></select>
</div>

So in this one we are assuming that the left has a combined pixel count of 40+136=176px, width plus left positioning and the right having a pixel count of 190+136+40=366, left positioning plus width plus right;

the result would be a container having two equidistant select boxes within the constraints of 40px each way.

I'm not sure if my math is correct but any assistance with this would be greatly appreciated.

Answer:1

Try removing the left:190px from the right hand element. The right:40px is enough to position the element to the right.

Answer:2

spying on bunyan log - NodeJS

Is there any way in which I can spy on the bunyan log to ensure I print out what I expect? MyFile.js const bunyan = require('bunyan'); const log = bunyan.createLogger({name: 'FailureAuditService'}); ...

Is there any way in which I can spy on the bunyan log to ensure I print out what I expect? MyFile.js const bunyan = require('bunyan'); const log = bunyan.createLogger({name: 'FailureAuditService'}); ...

Find second occurrence of a character in a string

I have heard that JavaScript has a function called search() that can search for a string ( lets call it A ) in another string ( B ) and it will return the first position at which A was found in B. ...

I have heard that JavaScript has a function called search() that can search for a string ( lets call it A ) in another string ( B ) and it will return the first position at which A was found in B. ...

  1. find second occurrence of character in string python
  2. find second occurrence of character in string excel
  3. find second occurrence of character in string sql
  4. find second occurrence of character in string
  5. find second occurrence of character in string c++
  6. find second occurrence of character in string javascript
  7. find second occurrence excel
  8. find second occurrence of character in string r
  9. find second occurrence of character in string regex
  10. find second occurrence of character in excel
  11. find second occurrence of character in string alteryx
  12. find second occurrence of element in list python
  13. find second occurrence of character in string php
  14. find second occurrence of character in string mysql
  15. find second occurrence of character in string oracle
  16. find second occurrence of character in string vb.net
  17. find second occurrence of character in string powershell
  18. find second occurrence of character in string sas
  19. find second occurrence of character in string access
  20. find second occurrence of character in string jquery

Sort an array of objects based on a numeric key given as String

I have an an array with key-value pair, array columns are id and name. I want to sort this array by id. The id column value is of type string type but I want to sort them as numeric values. var ...

I have an an array with key-value pair, array columns are id and name. I want to sort this array by id. The id column value is of type string type but I want to sort them as numeric values. var ...

  1. sort array objects javascript
  2. sort array objects alphabetically javascript
  3. sort array objects by property
  4. sort array objects php
  5. sort array objects js
  6. sort array objects by property javascript
  7. sort array objects typescript
  8. sort array objects
  9. sort array objects java
  10. sort array objects swift
  11. sort array objects c#
  12. sort array objects by property js
  13. sort array objects by date
  14. sort array objects by value
  15. sort array objects jquery
  16. sort array objects twig
  17. sort array objects ios
  18. sort objects array ruby
  19. sort array of objects by key javascript
  20. sort array of objects by key value

Get an specific value in <a> html with javascript-ajax Django

I'm using Django and Python 3. I have this in my HTML code: {% for category in categories() %} <li class="c-menu__item fs-xsmall"> <a href="#" id="next-category"> ...

I'm using Django and Python 3. I have this in my HTML code: {% for category in categories() %} <li class="c-menu__item fs-xsmall"> <a href="#" id="next-category"> ...