Как сделать такой блок на css?

Question

[Felisia]

Как сделать такой блок на css? Я предполагаю, что нужно создать div, в нем вложенный div, который как раз и будет отвечать за окрашивание верхнего блока в серый цвет.

Answer 1

[Denisca Gareev]

Вы на правильном пути)
Так и сделайте.

Answer 2

[Famper Wasteland]

Допустим будет такая иерархия:

<div class="block">
    <span class="head">MongoDB</span>
    <div class="body">
        <span class="desc">
            <p class="name">MongoDB</p>
            <p class="name_desc">MongoDB .. database</p>
        </span>
        <a class="button">More Details</a>
    </div>
</div>

На CSS:

spoiler

.block {
    /* Your style */
}

.head {
    /* Your style */
}

.body {
    /* Your style */
}

.desc {
    /* Your style */
}

.name {
    /* Your style */
}

.name_desc {
    /* Your style */
}

.button {
    /* Your style */
}