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

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more