How to position div under a in div?

Question

css

Essence of a question following: There is div in which tags settle down . Now everything is displayed in one line. It is necessary that the tag be the only one on the line, the rest must be under it and in the line (one after another). Here's what it looks like in html:<a>, <div>, <div>, <div>, <div><a><div><а>

<div class="main_div">
<a href="/en/tags/node" class="first_a">
<div class="slave_div_1">
<div class="slave_div_2">
<div class="slave_div_3">
<div class="slave_div_4">
</div>

Here's how it's displayed on the page: Here's how it should be displayed:
<a> <div_1> <div_2> <div_3> <div_4>

<a>
<div_1> <div_2> <div_3> <div_4>

Answer 1

Arrange so

Answer 2

CSS:

.first_a {
   display: block;
}

Answer 3

Add a line break after a

<div class="main_div">
<a href="/en/tags/node" class="first_a"> <br>
<div class="slave_div_1">
<div class="slave_div_2">
<div class="slave_div_3">
<div class="slave_div_4">
</div>