HTML padding-top

标签 html css

我有这张图片。 work

我需要用 HTML 和 CSS 来完成这个。我做到了,这是我的代码

.one{
	color: #1E90FF;
	text-align: left;
}
.two{
	color: #1E90FF;
}
.three{
float: right;
border: 1px blue solid;
margin-right: 5px;

}
.clear{
	clear: both;
}

.pag{
	padding-left: 15px;

}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>No</title>
	<link rel="stylesheet" href="aka.css">
</head>
	<body>
		<h3 class="one">Пять доводов в пользу Греции: Крит, Санторини, Родос, Корфу и Кос</h3>
		<p><img src="images/picture3.jpg" class="three "></p>
	            <p class=" pag">Современных туристов 
	                  мифами не удивишь, поэтому Греция всесторонне развивает 
	                  инфраструктуру туризма на материковой и островной территориях. 
	                  О перспективах и потенциале греческого направления в 
	                  преддверии горячего сезона рассказывает Дмитрий АРУТЮНОВ, 
	                  генеральный директор компании «Арт-тур».<span class="two">>>></span></p>
	                  <br class="clear"><br><br>
<img src="images/picture1.jpg" class="three">
	<h3 class="one">Модные тенденции в туризме: вклюЧАЙ фестиваль</h3>
	            <p class="pag">Человек в год выпивает в 
	                  среднем 150 литров чая. Несмотря на внушительный возраст чая, 
	                  причины высокой популярности этого напитка остаются загадкой и 
	                  по сей день. Чтобы узнать их и разобраться до конца в том, что 
	                  же такое чай, как и когда его пить, команда Foresta Tropicana 
	                  Hotel решила провести «ВклюЧАЙ фестиваль» - добрый семейный 
	                  праздник за чашечкой чая. <span class="two">>>></span></p>
	                  
	                  <br class="clear">
	<p><img src="images/picture2.jpg" class="three"></p>
	<h3 class="one">10 правил выбора тура в Грецию</h3>
	            <p class="pag">У каждого из нас есть 
	                  любимый фотоальбом, в котором хранятся фотографии, 
	                  напоминающие о самых ярких моментах нашей жизни. И, конечно 
	                  же, в этом альбоме, есть хроника наших путешествий. Как 
	                  здорово, пролистать его снова и снова и еще раз окунуться в 
	                  свои впечатления о веселых каникулах и пофантазировать о 
	                  предстоящем отпуске!<span class="two">>>></span></p>
	                  <br><br class="clear">
	<p><img src="images/picture4.jpg" class="three"></p>
	<h3 class="one">Марокко на любой вкус</h3>
	            <p class="pag">Растущая популярность 
	                  марокканского направления среди российских туристов вполне 
	                  объяснима – природа, великолепный климат и пляжи Атлантики 
	                  (воздух с высоким содержанием йода), большой выбор отелей с 
	                  развитой инфраструктурой на лучшем курорте побережья в городе 
	                  Агадир. Наиболее престижные гостиницы – Dorint Atlantic Palace 
	                  5*, Palais des Roses 5*, Agadir Beach Club 4*, Riu Tikida 
	                  Dunas 4*, Iberostar 4*.<span class="two">>>></span></p>
	</body>
</html>

(网站是俄语,没关系。)我想我做到了,你看到什么不同了吗?我只看到 1。我不需要从 h3 到 p 缩进。填充 0px 不起作用。在这种情况下我能做什么?所以我尽我所能。我不能这样做。这只是一个区别吗?你看多了?请帮助我!

最佳答案

似乎您有一些边距问题,这就是填充不起作用的原因。

做这样的事情:

h3, p {margin: 0;}

关于HTML padding-top,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46865135/

相关文章:

html - 如何在垂直滚动的 div 中将 div 缩放到 100% 高度?

javascript - 旋转 JavaScript 界面中的按钮

html - 输入类型搜索 - 如何获得白色的占位符和清除按钮?

html - CSS 在溢出 div 的表中创建卡住的行和列标题?

html - 如何在 Flexbox 中的两个 div 之间添加边距/空间

javascript - 在没有 JavaScript 背景的情况下学习 TypeScript

javascript - 在图像切换之间添加 CSS 过渡

html - Firefox 和 IE 中的复选框样式问题

javascript - 当没有更多带有 Bootstrap 的元素时隐藏 slider 轮播按钮

jQuery悬停 - 将类添加到当前(事件)div元素,而不是其他元素