Frage Wie schaff ich Text un Bild parallel zu halten?

[Germande]

Wie schaff ich es ein Bild und ein Text auch bei zoom parallel zu halten wie es z.B. bei Google.de ist(das Google-Logo und der "Deutschland" Text)..

 

[LeCub]

das Google-Logo und der "Deutschland" Text

Welcher "Deutschland-Text"? Generell ist es so dass Elemente, die nebeneinander sind, z.B. per Flexbox dort zu halten sind.

 

[felixprogram]

Welcher "Deutschland-Text"?

Da steht Google und links darunter Deutschland,aber das ist glaub ich alles ein Bild,das eingefügt worden ist

 

[djheke]

Zeig doch mal deine Versuche.

 

[SpiceLab]

Wie schaff ich es ein Bild und ein Text auch bei zoom parallel zu halten wie es z.B. bei Google.de ist(das Google-Logo und der "Deutschland" Text)..

Ein kurzer Blick in den Quellcode (Rechtsklick -> Element untersuchen) beantwortet die Frage.

<div style="padding-top:109px">
  <style>#hplogo{background:url(/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png) no-repeat}@media (-moz-max-device-pixel-ratio:1),(max-resolution:96dpi){#hplogo{background:url(/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png) no-repeat}}</style>
  <div style="background-size:272px 92px;height:92px;width:272px" title="Google" id="hplogo" onload="window.lol&amp;&amp;lol()" align="left">
    <div class="logo-subtext">Deutschland</div>
  </div>
</div>

.logo-subtext { /* Text "Deutschland" */
  color: #4285F4;
  font: 16px/16px roboto-regular,arial,sans-serif;
  left: 215px;
  position: relative;
  top: 76px;
  white-space: nowrap;
}