Div and h3 on same line css

@Poseyyy wrote:

Hello i wanted to put a div and a h3 on the same line, i’m trying everything since yesterday but I don’t find any solution.

I want my words “Adaptée” and “Cohérente” next to they green square

Here is my HTML :

<div class="test"><div class="foo"></div><h3 class="title">Adaptée</h3></div>
<div class="foo"></div><h3 class="title"> Cohérente</h3>

And my CSS :

.title{
        display: inline;
    }
    .test{
        width: 100%;
    }

    .foo {
        width: 10px;
        height: 10px;
        margin-top: 3px;
        margin-right: 3px;
        background: #8abb2a;
        border-radius: 3px 0px 3px 0px;
    }

Posts: 1

Participants: 1

Read full topic