#wrap{
    margin: 3em 83m;
}
.left {
    float: left;
    margin-right: .5em;
    padding-bottom:0em;
    border: solid 1px;
    color: rgb(255, 231, 16);
}
.right {
    float: right;
    margin-left: .5em;
    padding-bottom:0em;
     border: solid 1px;
    color: rgb(255, 231, 16);
}
p {
    margin-bottom: 2.5em;
    /*overflow: ;  put 'hidden' in this space if you want space under the photo, this is what keep the <p> from wrapping */
}
p:last-child {
    overflow: visible; /* this is an example of the browser default */
}