このサイトhttp://paulcwebster.comの上部にある 2 つの画像と 、その横のテキストを揃えたいと思います。
これまでのところ、2 つの画像を並べて配置することはできましたが、次の問題があります。
1) 画像と画像の間にスペースがないテキスト。
2) さまざまなブラウザーの画像に対して、テキストが短すぎるか長すぎる。
3) 文字サイズが写真の場所と一致していない
4）「最近の出版物」というテキストを左に移動できない
これが私のコードです：
<div >
<img src="gfx/FrontImage1.jpg" width="180" height="180" alt="Image1" style="float:left">
<img src="gfx/FrontImage3.jpg" width="180" height="180" alt="Image2" style="float:left">
<span ><p>Paul Christopher Webster is a freelance writer and documentary film director based in Toronto, Canada. He has reported from 20 countries since 1992.</p>
Paul's work in film has appeared on the Arte, BBC, CBC, Deutsche Welle, Discovery, National Geographic, Slice, SWR and Vision Television networks. His work as a writer has been published in dozens of magazines, journals and newspapers across Canada, the U.S, and Europe. </p>
<p>He has won four national magazine awards for his writing, and Tier One Journalism Award from the Canadian Institutes of Health Research. His work on documentary films has garnered awards from the Canadian Association of Journalists, Hot Docs, the Canadian Academy of Film and Television, and PARISCIENCE, the international festival of scientific films.
<p>Paul’s work focuses on themes in business, science, and politics. For samples of his work in these categories, please click on the links to articles below.
</span>
</div>