Some pbs whith my page

jeanlouis83  wrote I wish to have a space between 2 div my idea would be to create a 3rd div to put it in between 2. Is this a good solution or is there a better way to do it? I saw on google the possibility of using display: table

You could just add another <div> after the closing </main> tag:

<p>Lorem ipsum dolor sit amet, consectetur</p>

<p>Lorem ipsum dolor sit amet, consectetur</p>

<p>Lorem ipsum dolor sit amet, consectetur</p>

</div>

</main>

<!-- end main-content -->

<div class="col_2">

</div>

<!-- end col_2 -->

<aside class="sidebar">

Sidebar content goes here.

</aside>

<!-- end sidebar -->

Add the css for the extra column (col_2) and then update the widths of the containers:

.main-content {

float: left;

width: 600px;

}

.col_2 {

float: left;

width: 300px

}

.sidebar {

float: left;

width: 300px;

background-color: yellow;

}

.footer {

clear: both;

}