Html 使用css在侧栏中垂直的div中插入div

我有一个页面，我需要有一个左侧栏，这一个包含一个标题，在那一个图像下，在那一个文本，在那一个列表下，我怎么能做到这一点，我尝试了相对位置和绝对位置，但它不起作用

我需要的是div中的div意味着左侧边栏是一个包含标题、图像、文本和列表的div

有人能帮我吗

这就是我试图对图像所做的

.leftsideBar h2 {
    padding: 0px 0px 30px 0px;
    letter-spacing: -1px;
    font-size: 2em;
}
.leftsideBar {
    float: left;
    width: 290px;
    padding: 0px 0px 20px 0px;
    border:5px solid #FF0000;
    position:relative;

}
#profileImage{
    position:absolute;
    top:40px;
    border:5px solid #0000FF;
}

这就是你想要达到的目标吗

html:

---

这里是另一个选项，图像旁边有文本->

这取决于您试图实现的目标。我喜欢尽可能少的元素，所以避免任何不必要的包装。注：如果我的答案回答了你的问题，我将非常感谢你的支持或标记为答案。我将支持你，先生。我正在尝试在facebook上设置一个左栏，包括图片、文本和列表

    <div class="leftsideBar">
        <h2>title</h2>
        <img src="" height="100" width="100"/>
        <ul>
            <li>test1</li>
            <li>test1</li>
            <li>test1</li>
            <li>test1</li>
        </ul>
    </div>

.leftsideBar h2 {
    padding: 0px 0px 30px 0px;
    letter-spacing: -1px;
    font-size: 2em;
}
.leftsideBar {
    float: left;
    width: 290px;
    padding: 0px 0px 20px 0px;
    border:5px solid #FF0000;
    position:relative;
}
#profileImage{
    border:5px solid #0000FF;
}