2行の間にスペースが必要です。パディングを使用して<br/>
も何も起こりません。div でブロック スタイルを使用しない場合、テキストのみがパディングと br で下に移動します。イメージが動かないだけです。
<h1>The Team</h1>
<style type="text/css">
.photo {
padding-right: 5%;
width: 20%;
float: left;
}
.intro {
width: 60%;
float: right;
padding-right: 10%;
padding-bottom: 0px;
}
.name {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 0px;
padding-top: 0px;
color: #000000;
padding-bottom: 0px;
text-transform: uppercase;
}
.introduction {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding-bottom: 20px;
font-weight: regular;
line-height: 20px;
color: #000000;
}
.italics {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: italic;
line-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
line-height: 0px;
color: #000000;
}
td {
padding: 0px;
}
tr {
padding=bottom: 40px;
}
</style>
<div display="block">
<div display="block">
<img class="photo" alt="Taxeeta, Founder and CTO" src="http://localhost/taxeeta/wp-content/uploads/2013/09/dummy-picture1.png" />
</div>
<div class="intro" display="inline">
<h4 class="name">Siddharth</h4>
<h4 class="italics">Founder, CTO</h4>
<h4 class="introduction">Having invested bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla .</h4>
</div>
</div>
<br/>
<div display="block">
<div display="block">
<img class="photo" alt="Taxeeta, Mentor" src="http://localhost/taxeeta/wp-content/uploads/2013/09/dummy-picture1.png"/>
</div>
<div class="intro" display="inline">
<h4 class="name">Zubin</h4>
<h4 class="italics">Advisor</h4>
<h4 class="introduction">Zubin is a bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla .</h4>
</div>
</div>
今のところ、以下のようになっています。