title: alignment of component using css
body: <p>I want to put either <code>fileselector</code> same as <code>dropdown</code> list or dropdown as fileselector. I am OK for both. I mean they should be of same size and in alignment.</p>
  <p><a href="https://i.stack.imgur.com/Feujd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Feujd.png" alt="enter image description here" /></a></p>
  <pre><code>&lt;div&gt;
  &lt;Row&gt;
              &lt;div className=&quot;col-sm-5 text-left&quot;&gt;
                Please select the language:{' '}
              &lt;/div&gt;
              &lt;div&gt;
                &lt;div className=&quot;col-sm-7  text-center&quot;&gt;
                  &lt;select &gt;
                    &lt;option &gt;
                      Please select the language from list
                    &lt;/option&gt;    
                      &lt;option key={ctr} value={ctr}&gt;
                        {ctr}
                      &lt;/option&gt;
  
                  &lt;/select&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/Row&gt;
  
            &lt;Row&gt;
              &lt;div className=&quot;col-sm-6 text-left&quot;&gt;
                Please select the file to upload:
              &lt;/div&gt;
              &lt;div className=&quot;col-sm-5 text-center&quot;&gt;
                &lt;input
                  type=&quot;file&quot;
                  accept=&quot;.json&quot;
                  className=&quot;form-control form-sm-control&quot;
                  name=&quot;file&quot;
                  required
                /&gt;
              &lt;/div&gt;
            &lt;/Row&gt;             
          &lt;/div&gt;
  </code></pre>
  <p>actually I am not UI developer but I tried and struggled a lot to complete it. it is still not coming.
  Could you please help. I can use other libraries or plain css if you can suggest.</p>