Stawianie obrazka obok teksu HTML

Dla specjalistów Webmastering
#1

Witam,

 

posiadam taki kod:

<h1 style=“text-align: left;”>Kontakt</h1>

<p style=“text-align: left;”><strong><span style=“color: #993366;”>Masaże i zabiegi na ciało

</span></strong>ul. Tysiąclecia 10A/B

59-700 Bolesławiec</p>

<p style=“text-align: left;”><span style=“color: #993366;”><strong>Rezerwacja wizyty

</strong><span style=“color: #000000;”>tel.: …</span>

<span style=“color: #000000;”>lub</span>

<span style=“color: #000000;”>e-mail: …</span><strong>

</strong></span></p>

<p style=“text-align: left;”><span style=“color: #993366;”><strong>Godziny pracy</strong></span>

pn - pt: …

sob - nd: …</p>

<iframe style=“border: 0;” src=“https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2496.7021603753637!2d15.578002999999999!3d51.26139299999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470f3426bad06b07%3A0xbfb28a5f0b2421f3!2saleja+Tysi%C4%85clecia+10A%2C+Boles%C5%82awiec!5e0!3m2!1spl!2spl!4v1419778725937” width=“500” height=“350” frameborder=“0”></iframe>

 

mam tekst a pod nim mapkę google. Jak zrobić żeby było po prawej stronie na tej samej wysokości co tekst. Z góry dziękuję 

#2

Wystarczy umieścić tekst (elementy <P>) w <DIV> i odpowiednio go ostylować:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="pl">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title>Modernizacja netbooka Asus Eee PC 1000HE</title>
</head>
<body>
<h1 style="text-align: left;">Kontakt</h1>
<div style="float: left; margin-right: 1ex">
<p style="text-align: left;"><strong><span style="color: #993366;">Masaże i zabiegi na ciało
</span></strong>ul. Tysiąclecia 10A/B
59-700 Bolesławiec</p>
<p style="text-align: left;"><span style="color: #993366;"><strong>Rezerwacja wizyty
</strong><span style="color: #000000;">tel.: ...</span>
<span style="color: #000000;">lub</span>
<span style="color: #000000;">e-mail: ...</span><strong>
</strong></span></p>
<p style="text-align: left;"><span style="color: #993366;"><strong>Godziny pracy</strong></span>
pn - pt: ...
sob - nd: ...</p>
</div>
<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2496.7021603753637!2d15.578002999999999!3d51.26139299999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470f3426bad06b07%3A0xbfb28a5f0b2421f3!2saleja+Tysi%C4%85clecia+10A%2C+Boles%C5%82awiec!5e0!3m2!1spl!2spl!4v1419778725937" width="500" height="350" frameborder="0"></iframe>
</body>
</html>