Мне дали предложение улучшить мой код. Я, что там suggention отсутствует <h1>, что мне нужно. Предлагаемый код работает отлично, за исключением отсутствующего h1.
Мой код
<!--#include file="constants/dbopen.asp" -->
<html>
<head>
<title>Database</title>
</head>
<style>
.body {
display: flex;
justify-content: center;
background: rgb(2,0,36);
background: linear-gradient(356deg, rgba(2,0,36,1) 0%, rgba(9,9,121,0.7455357142857143) 28%, rgba(0,212,255,1) 100%);
}
.headline {
display: flex;
text-align: center;
color: #4400CC
}
.container {
width: 80%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
padding: 10px 10px;
}
.image-and-text {
max-width: 15%;
display: flex;
flex-direction: column;
align-items: center;
margin: 10px 0;
font-family: comic sans ms;
color: #FFFFFF;
}
.image {
width: 100%;
}
</style>
<body class="body">
<br>
<h1 class="headline">Database</h1>
<%
Dim strSQL
strSQL = "SELECT filmid, titel, billede FROM film ORDER By Titel ASC"
Set rs = conn.Execute(strSQL)
Response.Write("<div class='container'>")
If rs.BOF And rs.EOF Then
' No data
Else
Do While (Not rs.EOF)
Response.Write("<div class='image-and-text'>")
Response.Write "<img src='img/" & rs("billede") & "' class='image'/>"
Response.Write "<div>" & rs("titel") & "</div>"
Response.Write "</div>"
rs.MoveNext
Loop
End If
Response.Write("</div>")
%>
</body>
</html>
<!--#include file="constants/dbclose.asp" -->
Я пытаюсь сделать текст h1 выше моих изображений и центрировать его. Я новичок в мире css и мне отчаянно нужна помощь.