Как удалить все пространство между элементами iframe и div?

Так что я пытался удалить пространство между моими элементами div и iframe без каких-либо успехов в течение часа. Любая помощь будет оценена. Это то, что я сделал до сих пор.Как удалить все пространство между элементами iframe и div?

CSS:

h1 { 
    text-align: center; 
    color: white; 
} 

.d1 { 
    border-style: none; 
    background-color: blue; 
} 

iframe { 
    width: 50%; 
    height: 50%; 
    display: block; 
    margin: 0; 
}

Вот мой HTML: Я пытаюсь удалить пустое пространство между элементами в 2 дивы на верхней и нижней части.

<!DOCTYPE html> 
<!-- By Christian Soto --> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Event Driven JS</title> 
     <link rel="stylesheet" type="text/css" href="index.css"> 
    </head> 
    <body> 
     <div class="d1"> 
     <h1>Using JavaScript to Change the HTML</h1> 
     </div> 
     <iframe id="section"> 
     <!-- Will be loading different html pages into here --> 
     </iframe> 
     <div class="d1"> 
     <h1>Christian Soto</h1> 
     </div> 
    </body> 
</html>

источник

2016-10-25 Christian Johnny Sotoparra

Вы можете предоставить jsfiddle, который продемонстрирует вашу проблему. – Steve

Вы должны удалить запас по умолчанию из <h1> тега, всех HTML headings имеет стиль маржи по умолчанию.

h1{ 
text-align: center; 
color: white; 
margin: 0; 
}

источник

2016-10-25 16:07:21

ах, вот оно. Большое спасибо, сэр. –

Как удалить все пространство между элементами iframe и div?

ответ

Смежные вопросы