Textbox und IMG nebeneinander?

DaveJohns

Hallo, und zwar bin ich ein absoluter Neuling was HTML und Co. angeht. Momentan arbeite ich jedoch an einer kleinen Website und bin auf ein Problem gestoßen.
Und zwar würde ich gerne ein Bild neben meine Textbox platzieren, jedoch funktioniert dies nicht ohne die background-color mit zu übernehmen.
Und zwar wollte ich Links einen farbig hinterlegten Text platzieren und rechts davon ein Bild.

HTML

<div style="padding: 20px; width: 45%; text-align: left; background-color: rgba(243, 243, 243, 0.498039);"><span style="font-size: medium;"><a Text</a></span></div>

djheke

So?

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Beispieltext1</title>
<style>


.infobox {
  background:#09c;
  display:inline-block;
}


.infobox a {
 color:#fff;
 text-decoration:none;
 padding:10px 0 10px 10px;
} 
.infobox img {
 height:50px;
 display:inline-block;
 vertical-align:middle;
 background:#0c9;
 margin-left:10px;
}
</style>
</head>
<body>
<div class="infobox"><a href="">LinkText<img src="bild.png" alt=""></a>
</body>
</html>

Alles anzeigen

Tags