Contact Box

by Brandon

HTML

<div style="width:60%;">
  <div class="contentInfo"><img src="https://navy.deps.mil/peoeis/sites/nen/res/QuestionMark.png" alt="Question Mark"> Do you have a question about your team portal space or need to update any of the content? Work out the details with your Content Manager and submit to:
  <a href="https://navy.deps.mil/peoeis/sites/nen/Support/Lists/PortalRequestSystem/PRS_New.aspx">
    <div id="contactSupport"><img src="https://navy.deps.mil/peoeis/sites/nen/res/braingear.png" alt="KM Braingear Icon"><span>KM Support</span></div>
  </a>
</div>
</div>

CSS

.contentInfo {
  position: absolute;
  padding: 10px;
  width: 95%;
  background-color: white;
  border: 1px solid #000;
}

.contentInfo > img {
  vertical-align: text-top;
  margin-right: 5px;
  float: left;
  height: 80px;
}

#contactSupport {
  float: right;
  border: 1px solid #000;
  margin-top: 5px;
  padding: 5px;
  
  
}

#contactSupport > div {
  vertical-align:center;
  
}

#contactSupport > img {
  height: 20px;
  padding-right: 5px;
}