Note: Not the perfect way but it works.
Do following changes -
1. Wrap both the div inside a parent div of
width:100%
2. Fix width of both the child div
2. Make both the child div to be
float:left
3. Make logo image div to
text-align:right
4. Make logo text div to
text-align:left
That's it !
CSS:
.Company_Logo {
padding: 2px 2px 2px 2px;
width:35%;
text-align:right;
float:left;
.Company_Text {
padding-top: 30px;
color:#9D795B;
font-size:20px;
font-family:'Lobster', cursive;
white-space:nowrap;
width:60%;
float:left;
text-align:left;
}
HTML:
<div style="width:100%;text-align:center;">
<div class="Company_Logo">
<img src="banner/1.png" alt="Company Logo" height="100" width="100" />
</div>
<div class="Company_Text">
<h1>Keystone Coffee</h1>
</div>
</div>
Hope, this helps :)