html - stuck with positioning images using css -


im making website, , need include page actress meryl streep. im trying postion image of beside awards. picture below shows page looks right now. wondering how make picture aligns right of text instead of below it? thanks.

enter image description here

this html code:

 <div class="info"> <a id="awards"><h2>awards: </h2></a> <h3>academy awards</h3> <h4>won</h4> <ol> <li>best supporting actress (kramer vs. kramer) - 1979</li> <li>best actress (sophie's choice) - 1982</li> <li>best actress (the iron lady) - 2011</li> </ol> <h4>nominated</h4> <ol> <li>best supporting actress (the deer hunter) - 1978</li> <li>best actress (the french lieutenant's woman) - 1981</li> <li>best actress (silkwood) - 1983</li> <li>best actress (out of africa) - 1985</li> <li>best actress (ironweed) - 1987</li> <li>best actress (a cry in dark) - 1988</li> <li>best actress (postcards edge) - 1990</li> <li>best actress (the bridges of madison county) 1995</li> <li>best actress (one true thing) - 1998</li> <li>best actress (music of heart) - 1999</li>  <li>best supporting actress (adaption) - 2002</li>  <li>best actress (the devil wears prada) - 2006</li>  <li>best actress (doubt) - 2008</li>  <li>best actress (julie & julia) - 2009</li>  <li>best actress (august: osage county) - 2013</li>  <li>best supporting actress (into woods) - 2014</li> </ol>  <div class="oscar">  <img src="oscar.jpg" alt="picture of meryl oscar" width="300"   height="400"/></a> </div> </div> 

css div:info: .info { background-color: white; border: groove; border-top-right-radius: 3em;

did tried using table ?

<table> <tr><td>1.best actor</td> <td><img src="image.jpg"></td> </tr> 

and on....

it might :)


Comments

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -