Html 文章和图片并排对齐不正常 标题{ 文本对齐：居中； 颜色：洋红色； 字体系列：Ubuntu压缩版； 字体大小：45px； 字体：斜体； 显示：块； } 副标题{ 文本对齐：左对齐； 文字装饰：下划线； 字体系列：Ubuntu； 字号：18px； 显示：块； 字体大小：粗体； } 文章{ 字体系列：Ubuntu Mono； 字号：18px； 显示：内联块； 宽度：800px； } div{ 左边距：100px； 右边距：100px； 边界：5px； 边界半径：25px； 盒影：20px 20px 10px#8888888； 背景色：#E6BC93； 填充：10px； } 塔拉斯{ 字体系列：衬线； 页脚{ 位置：绝对位置； 文本对齐：居中； 底部：0px； 高度：20px； 宽度：100%； } img{ 位置：绝对位置； } Mridangam Mridangam酒店 印度教经文中的米里丹加姆 &Vishal Subramanyam版权所有
问题是，在“印度教经文中的Mridangam”子目之间存在很大的差距。正如用户所看到的，子目和文章之间有一些空间。我希望文章文本位于仪器图像的左侧。提前感谢 编辑： 这是我目前获得的输出。你可以清楚地看到副标题和文章之间的差距。下面是我的图片链接，因为我无法发布图片，因为我没有足够的声誉： 您的css无效Html 文章和图片并排对齐不正常 标题{ 文本对齐：居中； 颜色：洋红色； 字体系列：Ubuntu压缩版； 字体大小：45px； 字体：斜体； 显示：块； } 副标题{ 文本对齐：左对齐； 文字装饰：下划线； 字体系列：Ubuntu； 字号：18px； 显示：块； 字体大小：粗体； } 文章{ 字体系列：Ubuntu Mono； 字号：18px； 显示：内联块； 宽度：800px； } div{ 左边距：100px； 右边距：100px； 边界：5px； 边界半径：25px； 盒影：20px 20px 10px#8888888； 背景色：#E6BC93； 填充：10px； } 塔拉斯{ 字体系列：衬线； 页脚{ 位置：绝对位置； 文本对齐：居中； 底部：0px； 高度：20px； 宽度：100%； } img{ 位置：绝对位置； } Mridangam Mridangam酒店 印度教经文中的米里丹加姆 &Vishal Subramanyam版权所有,html,css,image,Html,Css,Image,问题是，在“印度教经文中的Mridangam”子目之间存在很大的差距。正如用户所看到的，子目和文章之间有一些空间。我希望文章文本位于仪器图像的左侧。提前感谢 编辑： 这是我目前获得的输出。你可以清楚地看到副标题和文章之间的差距。下面是我的图片链接，因为我无法发布图片，因为我没有足够的声誉： 您的css无效 <doctype html!> <html lang="en-US"> <style> heading{ text-align:center; color:
<doctype html!>
<html lang="en-US">
<style>
heading{
text-align:center;
color:magenta;
font-family:Ubuntu Condensed;
font-size:45px;
font-style:italic;
display:block;
}
subheading{
text-align:left;
text-decoration:underline;
font-family:Ubuntu;
font-size:18px;
display:block;
font-weight:bold;
}
article{
font-family:Ubuntu Mono;
font-size:18px;
display:inline-block;
width:800px;
}
div{
margin-left:100px;
margin-right:100px;
border:5px;
border-radius:25px;
box-shadow: 20px 20px 10px #888888;
background-color:#E6BC93;
padding:10px;
}
talas{
font-family:Serif;
footer {
position: absolute;
text-align:center;
bottom:0px;
height: 20px;
width: 100%;
}
img{
position:absolute;
}
</style>
<title> Mridangam </title>
<body>
<div>
<heading>The Mridangam</heading>
<subheading>Mridangam In Hindu Scriptures</subheading>
<article>
In ancient Hindu sculpture, painting, and mythology, the mridangam is often depicted as the instrument of choice for a number of deities including Ganesha (the remover of obstacles) and Nandi, who is the vehicle and follower of Shiva. Nandi is said to have played the mridangam during Shiva's primordial tandava dance, causing a divine rhythm to resound across the heavens. The mridangam is thus also known as "Deva Vaadyam," or "Divine Instrument".
</article><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/16/Wiki- mridangam.jpg/250px-Wiki-mridangam.jpg" />
<hr>
<br/>
<subheading>Basic Lessons:</subheading>
<talas>
<ul>
<a href="adi-tala.html"> <li>Adi Tala</li></a> <br/>
<a href="rupaka-tala.html"> <li>Rupaka Tala</li></a><br/>
<a href="misra-chapu-tala.html"><li>Misra Chapu</li></a><br/>
<a href="ganda-chapu-tala.html"><li>Ganda Chapu</li></a><br/>
</ul>
</talas>
</div>
<br/><br/><br/><br/><br/><br/>
<footer><center>© Copyright of Vishal Subramanyam</footer></center>
</body></html>
talas{
font-family:Serif;
这与我的问题无关。即使我更正了CSS，问题仍将持续。请检查：并向我指出，你的意思是什么，间隙？或向我显示一张图像，显示所需的输出。
talas{
font-family:Serif;
}