Попытка получить HTML-изображение и текст на той же строке

Question

Я пытаюсь создать сайт с изображением и текстом. Я попытался использовать встроенный блок; в очереди; блок; плавать; в тоннах комбинаций, и никто из них не работает. Я хочу, чтобы текст слева и изображение справа.

#maintext { 
 
    margin-left: 160px; 
 
    width: 650px; 
 
    font-family: Tahoma, Geneva, sans-serif; 
 
}

<div id="maintext"> 
 
     <br/> 
 
     <br/> 
 
\t \t <p> 
 
Sample text<br/> 
 
Sample text<br/> 
 
Sample text<br/> 
 
Sample text<br/> 
 
Sample text<br/> 
 
</p> \t \t 
 
\t \t </div> 
 
\t \t <img src="www.example.com/image" alt="Picture of something" style="width:200px;height:200px;">

Answer 1

Вы хотите, чтобы текст взять несколько строк?
затем сделать это

<p> 
text will take multiple lines.<br> 
ddddddddddddddddddddddddddddddddd<br> 
dddddddddddddddddddddddddddddddd<br> 
ddddddddddddddddddddddddddddddddd 
</p> 

добавить <br> в конец строки

Answer 2

вы хотите это сделать?

#maintext img{ 
 
    float: left; 
 
} 
 
#maintext p { 
 
    display: block; 
 
}

<div id="maintext"> 
 
\t \t <p> 
 
text will take multiple lines. 
 
ddddddddddddddddddddddddddddddddd 
 
dddddddddddddddddddddddddddddddd 
 
ddddddddddddddddddddddddddddddddd 
 
</p> \t \t 
 
\t \t </div> 
 
\t \t <img src="www.example.com/image" alt="Picture of something" style="width:200px;height:200px;">

Если не сказать мне, вы хотите, текст и изображения на той же линии?