Skip to content Skip to sidebar Skip to footer

Display: Inline-block Is Not Placing My Div On The Same Line As The Previous Div

I have code which looks like the following: And I'm trying to get the DigiCert tag to appear to the right of the
rather than on its own line. However when I

Solution 1:

Solution 2:

How about this ?

<style>.content {
    width: 100%
    max-width: 800px; // you can remove this if you want to use full widthmargin: 0px auto;
  }
  .div-row {
    width: 100%;
  }
  #DigiCertBlahBlah {
    display: inline-block;
    width: 200px;
    margin: 0px;
    float: left;
  }

  #formLogin {
    display: inline-block;
    width: calc(100% - 200px);
    margin: 0px;
    float: left;
  }
</style><divclass="content"><divclass = "div-row"><imgsrc="images/logo.png" /></div><divclass = "div-row"><formname="formLogin"id="formLogin"method="post"action="Login.aspx">
        ...
    </form><!-- Begin DigiCert site seal HTML and JavaScript --><divid="DigiCertBlahBlah"data-language="en_US"><ahref="http://www.digicert.com/unified-communications-ssl-tls.htm">UCC SSL</a></div></div><scripttype="text/javascript">
        ...
    </script><!-- End DigiCert site seal HTML and JavaScript --></div>

Post a Comment for "Display: Inline-block Is Not Placing My Div On The Same Line As The Previous Div"