Добавление части «Статья уже прочитана» под текстовым полем, которое ведет на другую страницу. ⇐ CSS

[Anonymous]

Итак, для школы нам нужно запрограммировать веб-сайт, и мой посвящен различным историческим темам, веб-сайт включает в себя различные поля с изображением и текстом, и моя цель — добавить небольшой текст под полем, если у вас уже есть текст (поэтому нажмите на поле, чтобы перейти на страницу с текстом)
разрешено использовать HTML, CSS и Javascript.
Вот код поля, за которым следует CSS (игнорировать части текста на немецком языке)

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

[url=/Weiterleitung/rom.html]

[img]/Bilder/Bild2.jpg[/img]

Rom (800BC-500 AD)
Die Antike war eine Epoche im Mittelmeerraum von 800 vor Christus bis 500 nach Christus. Normalerweise bezeichnest du damit das antike Griechenland und das Römische Reich.


[/url]

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

.container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
}

.container .inner-container {

display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
gap: 50px;
}

h1 {

text-align: center;
text-decoration: underline;
}

p {
margin-bottom: 15px;
}

footer {
text-align: center;
margin-top: 50px;
padding: 20px;
background-color: #52565a;
color: #fff;
}

.box {
width: 400px;
color: aliceblue;
text-decoration: none;
border: 2px aliceblue solid;
border-radius: 25px;
padding: 5px;
transition: all .2s ease-in-out;

}

.box:hover {
background-color: #ff0000;
border: 2px solid #ff0000;
}

.box img {
width: 100%;
border-radius: 25px

}

Привязывал ИИ, разные сайты, но ничего не нашел, заранее спасибо

Подробнее здесь: https://stackoverflow.com/questions/782 ... -to-a-diff