网页上的左侧和右侧未正确显示

Question

我遇到的问题是左侧的标题显示在右侧，左侧的图像显示在右侧，部分文本正确显示但不是全部显示。我是一个非盈利的新手，需要很长时间才能做到这一点。有人可以帮忙吗？

html, body {
    font-size: 1em;
    background-color: #fff;
    height: 100%;
    font-family: Lato;
    margin:0; padding:0;
    box-sizing: border-box;
}

#container {
    margin: 0;
    width: 100%;
    position: relative;/* IE6 hack */        /*top, right, bottom, left */
    min-height: 1% !important;
    padding: 0;
}
#main{
    overflow: auto;
    padding:0; margin:0;
    width: 100%;
    position: relative;
}
#left {
    width: 43%;
    padding: 0;
    float:left;
    margin-left: 2em;
    display: inline;
    }

#right {
    width: 43%;
    float: right;
    position: relative;
    padding: 0; margin:0;
    }