Info Box mit CSS

Hallo, ich würde gerne eine variable Infobox mit CSS erstellen. Vom optischen so ähnlich wie die hier: Bild wie User es gerne hätte

Mein Problem ist, das die Box ja in Ihrer Breite und Höhe variabel sein soll, je nachdem welchen Inhalt ich dort platziere. Mein Frage: kann man das überhaupt mit so einer Vorlage und CSS irgendwie machen? Danke für Eure Hilfe. Viele Grüße Michael

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    <!doctype html>
<html lang="de">
  <head>
    <style>
      label,textarea{
  width:80vw;
  margin:0 auto;
  display:block;
}
button{
  width:300px;
  margin:0 auto;
  display:block;
}
textarea{
  height:100px;
}
#helfer{
  position:absolute;
  margin:0 10vw;
}
#box:before{
  content:'';
  position:absolute;
  right:0;
  top:0;
  background-image:url('/image/klammer.png');
  background-size:cover;
  z-index:10;
  display:block;
  height:50px;
  width:50px;
}
body{
  background:green;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX