Auf einer Website habe ich programmiert, dass oben rechts ein Bild
angezeigt werden soll, gleich im Anschluss soll dann ein Text kommen
welcher mit der Unterkante des Bildes bündig ist. Hätte es mit %
gemacht, aber immer wenn ich zb die Schriftgröße von etwas ändere,
verschiebt sich alles. Hat da jemand eine Idee dazu?
Fyi ich kann beim Body leider nicht mehr code reingeben, da die Seite
mir dann immer anzeigt, dass es Spam sein :D
Vielen Dank
1 | body{
|
2 | margin: 0;
|
3 | padding: 0rem;
|
4 | width: 100%;
|
5 | height: 40%;
|
6 | background-image: linear-gradient(#3a6073);
|
7 | background-position: center;
|
8 | background-size: cover;
|
9 | }
|
10 | .container-head{
|
11 | display: flex;
|
12 | flex-direction: row;
|
13 | justify-content: space-around;
|
14 | flex-wrap: wrap;
|
15 | align-content: space-around;
|
16 | margin-top: 2rem;
|
17 | }
|
18 | .Titel{
|
19 | background: url() -80px -80px;
|
20 | color: red;
|
21 | -webkit-text-fill-color: transparent;
|
22 | -webkit-background-clip: text;
|
23 | font-weight: bold;
|
24 | font-size: 100px;
|
25 | font-family: arial, helvetica;
|
26 | width: 60%;
|
27 | margin-left: -31%;
|
28 | margin-top: -1.25%;
|
29 | text-align: center;
|
30 | }
|
31 | .copyright{
|
32 | color: black;
|
33 | font-size: 20px;
|
34 | margin-left: -48em;
|
35 | margin-top: 2.5em;
|
36 | }
|
37 | Body:
|
38 | label class="copyright" ©M
|