The following code seems to work fine with epub3:
Code:
<h2 class="bird"><img class="birdy" alt="bird" src="../Images/bird.png"/>Preface</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc. Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula. Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo. Mauris vulputate, leo ac facilisis vulputate, enim orci interdum augue, in blandit quam turpis quis dui. Morbi dictum luctus velit nec faucibus. Cras vitae tortor purus, ut tincidunt mauris. Sed at velit nisl. Donec eu mauris tortor, interdum condimentum erat. Nam egestas turpis eget nibh laoreet pharetra. Suspendisse a sem eros, ut pulvinar enim. In sed elit eu nulla accumsan tincidunt eget sit amet ipsum. Nullam ut massa rutrum dolor placerat tempor accumsan eget purus.</p>
and:
Code:
p {
text-align: justify;
}
.bird {
width: 40%;
margin: 2em auto;
padding: 20px;
background: #4D4D4F;
color: white;
border-radius: 70px;
text-align: left;
text-indent: 0;
font-style: italic;
font-weight: bold;
font-family: serif;
font-size: 50px;
}
.birdy {
float: left;
height: 74px;
width: 71px;
margin-top: -73px;
margin-left: -25px;
}
Below you can check the respective epub.
Regards
Rubén