title: How can I make inputs display inline?
body: <p>I can't seem to figure out how to display the two inputs in the following code as <code>{display: inline}</code> format so that they appear next to each other rather than on separate lines. I've looked at other posts and have tried jQuery, <code>&lt;style&gt;</code> tags, <code>.setAttribute</code> etc. in order to try and add this CSS style.</p>
  
  <p>I've also tried to create a class in the HTML with the requisite <code>display: inline</code> command in the CSS. I created this function to open up once a button on my homepage is clicked. Everything works fine, I just want the two inputs (text and button) to line up next to each other.</p>
  
  <p>Any idea of where I am going wrong? I am a beginner.</p>
  
  <pre><code>var counter = 1;
  var limit = 2;
  var newdiv = document.createElement('div');
  
  function addInput(divName){
       if (counter == limit)  {
            (counter);
       }
       else {
            nFilter.className = 'input';
            newdiv.setAttribute("style", "display: inline;");
            newdiv.innerHTML = "&lt;br&gt;&lt;input type='text' placeholder='Postal Code' name='myInputs[]'&gt; " + " &lt;input type='button' value='Lets Go!' onclick='url(file:///C:/Users/Joy/Documents/ZapList/HoldingPage.php)'&gt;";
            document.getElementById(divName).appendChild(newdiv).span;
            counter++; 
       }
  }
  </code></pre>