Блог

У меня есть h4, вложенный в 2 раздела, вот так

   <div id="my-team-lineup" style="text-align:center">
            <div id="myteamDiv" style="width:100%; ">
                <div id="myTeamBeforeDiv" style="width:50%; float: left;">
                    <center>
                        <h4>Before Trade</h4>
                        <div class="tableRow header blue" id="statTable0">
                            <div class="cell">Pos</div>
                            <div class="cell">Players</div>
                            <div class="cell">Opp</div>
                            <div class="cell">Proj Pts</div>
                        </div>
                        <div class="tableRow">
                            <div class="cell">
                                Text
                            </div>
                            <div class="cell">
                                Text
                            </div>
                            <div class="cell">
                            Text
                           </div>
                            <div class="cell">
                            Text</div>
                        </div>
                        <br />
                        <h4>Week At Bottom</h4>
                    </center>
                </div>
 </div>
  

Я хочу, чтобы этот h4 был прикреплен к нижней части страницы. Я перепробовал все комбинации position и bottom, которые я могу придумать, и ничего не работает. Просто примечание, поскольку у меня есть точная копия этого, которая занимает остальные 50% страницы, а высота разделов может отличаться из-за содержимого.

Во-первых, вы не закрыли все разделы в своем коде. исправьте это.

Вы можете установить позицию как фиксированную, а нижнюю как 0.

HTML

 <h4>text</h4>
  

CSS

 h4{
  position: fixed;
  bottom: 0;
}
  

https://jsfiddle.net/xxfhqv36/