Визуально соединить (склеить) два div

Question

Все испробовала, не могу найти подходящие коды.

.parent {
    width: 700px;
    height: 300px;
    border: 2px solid green;
    display: flex;
	margin: auto;          
    
}

.block {
    width: 250px;
    height: 100px;
    background-color: yellow;
	margin: auto;
}

.block2 {
    width: 250px;
    height: 100px;
    background-color: red;
	margin: auto;
}

<div class="parent">
    <div class="block"></div>
    <div class="block2"></div>


</div>

Answer 1

Я правильно понял, что нужен такой результат?

.parent {
    width: 700px;
    height: 300px;
    border: 2px solid green;
    display: flex;
	align-items: center;
    justify-content: center; 
    
}

.block {
    width: 250px;
    height: 100px;
    background-color: yellow;
}

.block2 {
    width: 250px;
    height: 100px;
    background-color: red;
}

<div class="parent">
    <div class="block"></div>
    <div class="block2"></div>
</div>

БЛОГ НА HUSL

Визуально соединить (склеить) два div

Ответы (1 шт):