私はhtml/CSSが初めてで、2つの画像の間にテキストを入れようとしています。次のコードを使用して、それを行うことができました。しかし、テキストが多すぎると、 に示すように形式が乱れますfigure 1
。私のウェブサイトを のように見せる方法を教えてくださいFigure 2
。
<!DOCTYPE html>
<html>
<body>
<div class="header">
<img src="http://www.w3schools.com/browsers/pic_chart.jpg" style="vertical-align: middle"/>
<a href="http://www.w3schools.com" style="font-family:Georgia;color:black;font-size:17px;">The site provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL etc. W3schools presents thousands of code examples. By using the online editor provided, readers can edit the examples and execute the code experimentally.</a>
<img src="http://www.w3schools.com/browsers/pic_chart.jpg" style="vertical-align: middle"/>
</div>
</body>
</html>
図1:
図 2: