I have a strange question that may sound silly, but I am having trouble separating two divs - one on the left and one on the right. I attempted to use the CSS float property, but it doesn't seem to be working.
https://i.sstatic.net/OYLY4.png
EDIT: html
<h4>Profile</h4>
<div class="form-group">
<div class="input-group">
<div class="text-form">Full Name</div>
<div class="inner">
<input type="text" class="account-box" ng-model="name">
</div>
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="text-form">Company Name</div>
<div class="inner">
<input type="text" class="account-box" ng-model="companyName">
</div>
</div>
</div>
CSS:
.container {
position: static;
width: 500px;
height: 500px;
text-align: left;
}
.inner {
display:inline-block;
position:static;
top:2px;
padding-right:10px;
clear: both;
}
Thanks!