i trying image aligned right of text/lists while having image still 100% in height , within div. far i've come close image overlapping bottom of div. here's example of i'm trying achieve:
here's code i've come far, i've been using inline css once i've figured out it'll in separate css file. appreciated, been trying figure out days!
<div style="background: #000; width: 90%; color: #fff; margin: 0 auto; text-align:left; border: 1px solid #95403c;"> <p> <img style="float: right; margin: 1px 1px 1px 1px; width: 355px;" src="" /> <div align="center"> <h1>gold (proper style coming soon)</h1><br /> <clear> <u>all edited videos include:</u> <ul style="display: inline-block; text-align: left;"> <li>60-90 minute interview documentary</li> <ul><li>b-roll footage</li> <li>incorporation of personal video clips (up 15) , photographs (up 125)</li> <li>interview transcript</li></ul> <li>1-2 minute individual clips of family members </li> <li>up 5 individuals share favorite memory or express love subject </li> <li>5-10 minute prized possession</li> <li>the subject share , describe prized possession</li> <li>behind scenes photographs</li></ul> </ul> <clear> <div style=" display: inline-block; vertical-align: top;"> <u>you receive:</u> <ul style="display: inline-block; text-align: left;"> <li>usb flash drive edited video files,<br /> pictures, , interview transcript</li> <li>15 dvds</li> <ul><li>customized printed dvds</li> <li>customized menu , chapters</li> <li>hard cases customized insert</li></ul> </ul></div> <div style="display: inline-block; vertical-align: top;"> <u>all edited videos include:</u> <ul style="display: inline-block; text-align: left;"> <li>customized titles</li> <li>customized graphics</li> <li>music</li> <li>sound design</li> <li>color correction</li> </ul> </div> <clear> <br style="clear: both;" /></p> </div>
Comments
Post a Comment