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

[Anonymous]

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

Код: Выделить всё

Livestreams



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;
}






[img]https://web.lovelady.com/siteImages/bunnyfuzz.jpg[/img]



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




 

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

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