I want to make something like this. <https://www.screencast.com/t/FGZW259E9twg>
Some points(I can only use one class, only "dd and dt" can be used and structure needs to be like if I add one more "dd and dt" it'll automatically take its structure like previous ones.So can't hard code in CSS.)
The HTML code i can use is only this.

```
<dl class="vertical_box_list">
            <dt>
                <select>
                    <option value="1">Option1</option>
                    <option value="2">Option2</option>
                </select>
            </dt>
            <dd><p>Land must be purchased before road excavating can start</p></dd>
            <dt>
                <select>
                    <option value="1">Option1</option>
                    <option value="2">Option2</option>
                </select>
            </dt>
            <dd><p>Road excavating must start before Asphalt can be laid</p></dd>
            <dt>
                <select>
                    <option value="1">Option1</option>
                    <option value="2">Option2</option>
                </select>
            </dt>
            <dd><p>Laying Asphalt must be complete before line painting can be completed</p></dd>
            <dt>
                <select>
                    <option value="1">Option1</option>
                    <option value="2">Option2</option>
                </select>
            </dt>
            <dd><p>Road excavating must start before Asphalt can be completed</p></dd>
        </dl>

```

CSS i tried this but only one problem that all the "dt" automatically hides except first one if i use "position:absolute."

```
.vertical_box_list dt
{
    border: 1px solid;
    width: 140px;
    height: 80px;
    background: antiquewhite;
    position: absolute;
    bottom: 89%;
    left: 2%;
}
.vertical_box_list dd
{
    margin-left: 0;
    margin-bottom: 20px;
    border: 1px solid;
    width: 400px;
    height: 100px;
    z-index: 1;
    background: aliceblue;
}
.vertical_box_list dt select
{
    position: relative;
    top: 35%;
    left: 20%;
}
.vertical_box_list dd p
{
    position: relative;
    top: 40%;
}

```