Although this question may have been raised countless times, I have not been able to find a satisfactory answer despite searching through numerous posts.
Below is the code snippet in question:
.feedCard {
display: block;
margin-left: 227px;
margin-top: 17px;
width: 78%;
height: 100%;
min-height: 115px;
}
.facebookPost {
display: block;
width: 100%;
height: 25px;
background-color: #3b5998;
text-align: left;
padding-top: 5px;
}
.postContent {
display: block;
height: 100%;
}
.postLabel {
color: #FFF;
margin-left: 8px;
}
.postLabel a {
color: #FFF;
text-decoration: none;
}
.postStamp {
color: #FFF;
margin-right: 8px;
float: right;
}
.postTextHolder {
width: 100%;
height: 100%;
margin-top: 11px;
}
.postText {
margin-top: 10px;
margin-left: 5px;
}
.feedPostUserIcon {
width: 75px;
height: 75px;
float: left;
margin-left: 5px;
margin-top: 0px;
}<div class="feedCard">
<div class="facebookPost">
<span title="view on facebook" class="postLabel"><a href="facebook.com">facebook</a></span>
<span class="postStamp">Posted at 11:42 AM on 1/18/17</span>
<div class="postContent">
<div class="postTextHolder">
<img class="feedPostUserIcon" src="images/image.png">
<span class="postText">filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler filler </span>
</div>
</div>
</div>
</div>The main DIV is stuck at its minimum height and does not expand to accommodate additional text.
On a related note: Is there a way to improve the appearance of wrapped text? It appears too close to the image and looks unattractive. Any suggestions would be welcomed.