HTML DIV выравнивания ⇐ Html

[Anonymous]

Я создаю одностраничное приложение, которое имеет несколько элементов. В общем, верхняя левая часть страницы должна отображать изображение, а справа должна быть таблицей (вместе с другим элементом, называемым « hintsdiv » в источнике ниже). Все, что я упомянул, должно занять пространство в верхней части формы.
Вот часть источника, которое создает мое приложение в настоящее время: < /p>


headingLink {
color: white;
text-decoration: none;
}

.freeze-table {
border-spacing: 0;
padding: 0;
}

thead th {
top: 0;
position: sticky;
background-color: #666;
color: #fff;
z-index: 20;
min-height: 30px;
height: 30px;
text-align: left;
}

.incomplete {
color: red;
font-weight: bold;
}

.invalidValue {
background-color: red;
}

tr:nth-child(even) {
background-color: #f2f2f2;
}

tr.selected,
td.selected {
background-color: yellow;
color: black;
}

.currentActive {
background-color: yellow;
font-weight: bold;
}

tr.unsaved,
td.unsaved {
background-color: orange;
color: black;
}

th,
td {
padding: 0 5px;
outline: 1px solid #ccc;
border: none;
outline-offset: -1px;
padding-left: 5px;
}

tr {
min-height: 25px;
height: 25px;
}

td {
text-wrap: nowrap
}

pageElement {
display: flex;
flex-wrap: nowrap;
align-items: center
}

* {
padding: 0;
margin: 0;
}

.fit {
/* set relative picture size */
max-width: 100%;
max-height: 100%;
}

.center {
display: block;
margin: auto;
}

.imgbox {
display: grid;
width: 100%;
}

.center-fit {
max-width: 100%;
max-height: 100vh;
margin: auto;
}< /code>




Livestreams












Matching songs:

Songs matching "Cool "
Cool Water (Marty Robbins cover)
That Ain't Cool






Sav
Clr
Time
Song title
Category
SaveArea
ids





✖








✖








Mark incomplete   
Mark complete













Earliest date




Latest date




Omit if completed review















Started
Noted
Duration
Livestream Title




2018-12-23 17:18

0:20:09
First Sunday


2018-12-24 18:16

0:15:17
Live from the Lights Display


2019-01-06 07:31

0:19:04
Jun 26 Follow the sun







< /code>
< /div>
< /div>
< /p>
В значительной степени я в значительной степени так, как я хочу, за исключением того, что неожиданно, Div именован forms_and_streams не появляется на левом краю (под изображением). Должно быть какой -то атрибут, который я пропустил на div , чтобы они выровнялись только так, но я этого не вижу. Я полагаю, что я мог бы переключиться на Flex, но это кажется еще одной кривой обучения, которой, как я надеюсь, можно избежать для этого проекта. (Может быть, не так пугающе, как впервые?) , ниже " player_hits_songs "?


Подробнее здесь: https://stackoverflow.com/questions/794 ... alignments