Apply jsp css

#whole{
    width: 800px;
    margin: 0 auto 0 auto;
    display: table;
}
#mid{
    width: 800px;
    height:500px;
    background-color:blue;
    padding: 60px 0px;
    text-align : center;
    vertical-align : middle;
}
#bot{
    clear: left;
    width: 800px;
    height: 60px;
    background-color: yellow;
    display: table-cell;
}

<body>
<div id="whole">
    <div id="mid">
    </div>
    <div id="bot">
     <jsp:include page="quiz.jsp"/>
    </div>
</div>
</body>

I want to align the two div elements vertically on the web page screen.
I want to bring another jsp file and show it to div below, but I can't sort if css is wrong...
Help me

jsp css div

2022-09-22 13:59

1 Answers

The display:table property has just been used, which has complicated the situation. (<table> The display: table property is also difficult to use, just as the tag is a bit tricky to use.)

If you're just stacking it down in one container, just give me display: block. Like this.

2022-09-22 13:59

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656