无法让图像在 UL 的右侧浮动
Can't get an image to float right of a UL
我试图让图像浮动到 p 和 ul 标签的右侧...但是各个列表项总是脱离图像并出现在图像底部之后。我已经尝试了很多不同的方法（在阅读了其他人关于这个问题的问题之后），但就是无法让它与我的示例一起使用。
如有任何建议，我们将不胜感激。
查看下面的代码片段：
* {
padding: 0;
margin: 0;
}
p {
line-height: 140%;
color: #B4B4B4;
font-size: 14px;
font-weight: normal;
}
ul {
font-size: 14px;
line-height: 140%;
font-weight: normal;
list-style-type: disc;
display: block;
float: left;
text-align: left;
padding-left: 15px;
margin-left: 15px;
margin-right: 10px;
}
#awards {
float: left;
margin: 10px 0px 60px 10px;
padding: 15px 15px 15px 15px;
width: 650px;
display: block;
text-align: left;
background-color: #000;
font-size: 14px;
color: #fff;
border: 2px solid #FBDDA0;
}
p.news {
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 14px;
color: fff;
}
p.news a {
color: #fff;
text-decoration: none;
}
p.news a:hover {
color: #C0C0C0;
text-decoration: underline;
}
#awards ul {
margin-top: 5px;
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 13px;
color: #fff;
}
#awards ul li {
margin-bottom: 7px;
}
<div id="awards">
<a href="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" target="_blank">
<img src="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" width="200" height="190" style="float: right; margin-left: 10px; margin-bottom: 10px;" border="0" title="Allan Zavod awarded OAM - click to read article" alt="Allan Zavod awarded OAM - click to read article"
/>
</a>
<div>
<p class="news">The late Dr. Allan Zavod received the <span style="color: #FBDDA0; font-weight: normal">Medal of the Order of Australia (OAM)</span> on January 26 2017, for service to the performing arts as a musician and composer. Here are some of his outstanding
acheivements:</p>
<ul style="padding-top: 7px;">
<li>1st Australian to attend Berklee College of Music, Boston, on Duke Ellington's recommendation, 1970.</li>
<li>1st Jazz Fusion Concerto on Australia Day for the Bicentenial at the Opera House performed by Australian Youth Orchestra in 1988.</li>
<li>Won the Asia-Pacific Broadcasting Union (ABU) Song Contest in Kuala Lumpur (as composer), taking a very young singer Kate Ceberano on her first international performance, 1987.</li>
<li>Awarded Doctor of Music by Melbourne University in recognition of his international achievements as a composer of Classical Jazz Fusion and for his substantial, original and distinguised contribution to music knowledge, 2009.</li>
<li>Environmental Symphony, performed initially at The Banksia Environmental Awards in 2010. Later performed in full by the Melbourne Symphony Orchestra at Hamer Hall in 2015 - all proceeds (over 0,000.00) going to the Royal Melbourne Hospital for
GBM Brain Cancer Research.</li>
</ul>
</div>
</div>
<!-- end awards -->
这对你有用吗：
CSS:
p {
line-height: 140%;
color: #B4B4B4;
font-size: 14px;
font-weight: normal;
}
ul {
font-size: 14px;
line-height: 140%;
font-weight: normal;
list-style-type: disc;
display: block;
float: left;
text-align: left;
padding-left: 15px;
margin-left: 15px;
margin-right: 10px;
}
#awards {
float: left;
margin: 10px 0px 60px 10px;
padding: 15px 15px 15px 15px;
width: 650px;
display: block;
text-align: left;
background-color: #000;
font-size: 14px;
color: #fff;
border: 2px solid #FBDDA0;
}
p.news {
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 14px;
color: fff;
}
p.news a {
color: #fff;
text-decoration: none;
}
p.news a:hover {
color: #C0C0C0;
text-decoration: underline;
}
#awards ul {
margin-top: 5px;
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 13px;
color: #fff;
}
#awards ul li {
margin-bottom: 7px;
}
/*Start of my Edit*/
#text{
position:relative;
width:67%;
}
#picture{
position:relative;
width:30%;
}
HTML:
<div id="awards">
<div id="text">
<p class="news">The late Dr. Allan Zavod received the <span style="color: #FBDDA0; font-weight: normal">Medal of the Order of Australia (OAM)</span> on January 26 2017, for service to the performing arts as a musician and composer. Here are some of his outstanding
acheivements:</p>
<ul style="padding-top: 7px;">
<li>1st Australian to attend Berklee College of Music, Boston, on Duke Ellington's recommendation, 1970.</li>
<li>1st Jazz Fusion Concerto on Australia Day for the Bicentenial at the Opera House performed by Australian Youth Orchestra in 1988.</li>
<li>Won the Asia-Pacific Broadcasting Union (ABU) Song Contest in Kuala Lumpur (as composer), taking a very young singer Kate Ceberano on her first international performance, 1987.</li>
<li>Awarded Doctor of Music by Melbourne University in recognition of his international achievements as a composer of Classical Jazz Fusion and for his substantial, original and distinguised contribution to music knowledge, 2009.</li>
<li>Environmental Symphony, performed initially at The Banksia Environmental Awards in 2010. Later performed in full by the Melbourne Symphony Orchestra at Hamer Hall in 2015 - all proceeds (over 0,000.00) going to the Royal Melbourne Hospital for
GBM Brain Cancer Research.</li>
</ul>
</div>
<div class="picture">
<a href="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" target="_blank">
<img src="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" width="200" height="190" style="float: right; margin-left: 10px; margin-bottom: 10px;" border="0" title="Allan Zavod awarded OAM - click to read article" alt="Allan Zavod awarded OAM - click to read article"
/>
</a>
</div>
</div>
这就是花车的工作原理。文本将环绕在浮动元素的周围和下方。
由于您的图片具有固定宽度，您可以为与图片宽度匹配的文本包装应用边距。
* {
padding: 0;
margin: 0;
}
p {
line-height: 140%;
color: #B4B4B4;
font-size: 14px;
}
ul {
font-size: 14px;
line-height: 140%;
list-style-type: disc;
padding-left: 15px;
margin-left: 15px;
margin-right: 10px;
}
#awards {
margin: 10px 0px 60px 10px;
padding: 15px;
width: 650px;
background-color: #000;
font-size: 14px;
color: #fff;
border: 2px solid #FBDDA0;
}
p.news {
line-height: 110%;
font-weight: normal;
font-size: 14px;
color: fff;
}
p.news a {
color: #fff;
text-decoration: none;
}
p.news a:hover {
color: #C0C0C0;
text-decoration: underline;
}
#awards ul {
margin-top: 5px;
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 13px;
color: #fff;
}
#awards ul li {
margin-bottom: 7px;
}
#awards > div {
margin-right: 200px;
}
<div id="awards">
<a href="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" target="_blank">
<img src="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" width="200" height="190" style="float: right; margin-left: 10px; margin-bottom: 10px;" border="0" title="Allan Zavod awarded OAM - click to read article" alt="Allan Zavod awarded OAM - click to read article"
/>
</a>
<div>
<p class="news">The late Dr. Allan Zavod received the <span style="color: #FBDDA0; font-weight: normal">Medal of the Order of Australia (OAM)</span> on January 26 2017, for service to the performing arts as a musician and composer. Here are some of his outstanding
acheivements:
</p>
<ul style="padding-top: 7px;">
<li>1st Australian to attend Berklee College of Music, Boston, on Duke Ellington's recommendation, 1970.</li>
<li>1st Jazz Fusion Concerto on Australia Day for the Bicentenial at the Opera House performed by Australian Youth Orchestra in 1988.</li>
<li>Won the Asia-Pacific Broadcasting Union (ABU) Song Contest in Kuala Lumpur (as composer), taking a very young singer Kate Ceberano on her first international performance, 1987.</li>
<li>Awarded Doctor of Music by Melbourne University in recognition of his international achievements as a composer of Classical Jazz Fusion and for his substantial, original and distinguised contribution to music knowledge, 2009.</li>
<li>Environmental Symphony, performed initially at The Banksia Environmental Awards in 2010. Later performed in full by the Melbourne Symphony Orchestra at Hamer Hall in 2015 - all proceeds (over 0,000.00) going to the Royal Melbourne Hospital for
GBM Brain Cancer Research.</li>
</ul>
</div>
</div>
感谢回复并提出建议的两位。
不幸的是，没有一个能完全按照我的需要工作。由于我的示例被带边框的 'div' 包围，所以我无法取出外部容器 div 上的 'display: block'。我也无法更改通用的 'p' 和 'ul' 标签，因为这影响了我网站的其余部分。我只能使用 'awards' 和 'news' 标签或添加的任何其他新标签。
我最终使用了每个建议中的一些信息。基本上，我将两个 side-by-side 元素包装在它们自己的 'div' 标签中，并使它们都在各自的方向上浮动，添加它们各自的宽度，并添加：'display: inline-block'。 （我真的想要一个不添加 hard-coded 宽度的解决方案，但不知道该怎么做，并决定不值得额外 head-ache 找到解决方法!)
注意：我还把'p'标签移到两个浮动元素的上方，并调整了图片的位置，使其更美观。
这是对我有用的更新代码 - 在你们两个的帮助下！
* {
padding: 0;
margin: 0;
}
p {
line-height: 140%;
color: #B4B4B4;
font-size: 14px;
font-weight: normal;
}
ul {
font-size: 14px;
line-height: 140%;
font-weight: normal;
list-style-type: disc;
display: block;
float: left;
text-align: left;
padding-left: 15px;
margin-left: 15px;
margin-right: 10px;
}
#awards {
float: left;
margin: 10px 0px 60px 10px;
padding: 15px;
width: 650px;
display: block;
text-align: left;
background-color: #000;
font-size: 14px;
color: #fff;
border: 2px solid #FBDDA0;
}
p.news {
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 14px;
color: fff;
}
p.news a {
color: #fff;
text-decoration: none;
}
p.news a:hover {
color: #C0C0C0;
text-decoration: underline;
}
#awards ul {
margin-top: 5px;
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 13px;
color: #fff;
}
#awards ul li {
margin-bottom: 7px;
}
/* new css added to fix */
#awards #text{
float: left;
width:430px;
display: inline-block;
}
#awards #picture{
float: right;
width: 210px;
display: inline-block;
}
<div id="awards">
<p class="news">The late Dr. Allan Zavod received the <span style="color: #FBDDA0; font-weight: normal">Medal of the Order of Australia (OAM)</span> on January 26 2017, for service to the performing arts as a musician and composer. Here are some of his outstanding achievements:</p>
<div>
<div id="text">
<ul style="padding-top: 7px;">
<li>1st Australian to attend Berklee College of Music, Boston, on Duke Ellington's recommendation, 1970.</li>
<li>1st Jazz Fusion Concerto on Australia Day for the Bicentenial at the Opera House performed by Australian Youth Orchestra in 1988.</li>
<li>Won the Asia-Pacific Broadcasting Union (ABU) Song Contest in Kuala Lumpur (as composer), taking a very young singer Kate Ceberano on her first international performance, 1987.</li>
<li>Awarded Doctor of Music by Melbourne University in recognition of his international achievements as a composer of Classical Jazz Fusion and for his substantial, original and distinguished contribution to music knowledge, 2009.</li>
<li>Environmental Symphony, performed initially at The Banksia Environmental Awards in 2010. Later performed in full by the Melbourne Symphony Orchestra at Hamer Hall in 2015 - all proceeds (over 0,000.00) going to the Royal Melbourne Hospital for GBM Brain Cancer Research.</li>
</ul>
</div>
<div id="picture">
<a href="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" target="_blank">
<img src="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" width="200" height="190" style="margin-left: 10px; margin-bottom: 10px; margin-top: 30px;" border="0" title="Allan Zavod awarded OAM - click to read article" alt="Allan Zavod awarded OAM - click to read article" />
</a>
</div>
</div>
</div> <!-- end awards -->
我试图让图像浮动到 p 和 ul 标签的右侧...但是各个列表项总是脱离图像并出现在图像底部之后。我已经尝试了很多不同的方法（在阅读了其他人关于这个问题的问题之后），但就是无法让它与我的示例一起使用。
如有任何建议，我们将不胜感激。
查看下面的代码片段：
* {
padding: 0;
margin: 0;
}
p {
line-height: 140%;
color: #B4B4B4;
font-size: 14px;
font-weight: normal;
}
ul {
font-size: 14px;
line-height: 140%;
font-weight: normal;
list-style-type: disc;
display: block;
float: left;
text-align: left;
padding-left: 15px;
margin-left: 15px;
margin-right: 10px;
}
#awards {
float: left;
margin: 10px 0px 60px 10px;
padding: 15px 15px 15px 15px;
width: 650px;
display: block;
text-align: left;
background-color: #000;
font-size: 14px;
color: #fff;
border: 2px solid #FBDDA0;
}
p.news {
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 14px;
color: fff;
}
p.news a {
color: #fff;
text-decoration: none;
}
p.news a:hover {
color: #C0C0C0;
text-decoration: underline;
}
#awards ul {
margin-top: 5px;
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 13px;
color: #fff;
}
#awards ul li {
margin-bottom: 7px;
}
<div id="awards">
<a href="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" target="_blank">
<img src="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" width="200" height="190" style="float: right; margin-left: 10px; margin-bottom: 10px;" border="0" title="Allan Zavod awarded OAM - click to read article" alt="Allan Zavod awarded OAM - click to read article"
/>
</a>
<div>
<p class="news">The late Dr. Allan Zavod received the <span style="color: #FBDDA0; font-weight: normal">Medal of the Order of Australia (OAM)</span> on January 26 2017, for service to the performing arts as a musician and composer. Here are some of his outstanding
acheivements:</p>
<ul style="padding-top: 7px;">
<li>1st Australian to attend Berklee College of Music, Boston, on Duke Ellington's recommendation, 1970.</li>
<li>1st Jazz Fusion Concerto on Australia Day for the Bicentenial at the Opera House performed by Australian Youth Orchestra in 1988.</li>
<li>Won the Asia-Pacific Broadcasting Union (ABU) Song Contest in Kuala Lumpur (as composer), taking a very young singer Kate Ceberano on her first international performance, 1987.</li>
<li>Awarded Doctor of Music by Melbourne University in recognition of his international achievements as a composer of Classical Jazz Fusion and for his substantial, original and distinguised contribution to music knowledge, 2009.</li>
<li>Environmental Symphony, performed initially at The Banksia Environmental Awards in 2010. Later performed in full by the Melbourne Symphony Orchestra at Hamer Hall in 2015 - all proceeds (over 0,000.00) going to the Royal Melbourne Hospital for
GBM Brain Cancer Research.</li>
</ul>
</div>
</div>
<!-- end awards -->
这对你有用吗：
CSS:
p {
line-height: 140%;
color: #B4B4B4;
font-size: 14px;
font-weight: normal;
}
ul {
font-size: 14px;
line-height: 140%;
font-weight: normal;
list-style-type: disc;
display: block;
float: left;
text-align: left;
padding-left: 15px;
margin-left: 15px;
margin-right: 10px;
}
#awards {
float: left;
margin: 10px 0px 60px 10px;
padding: 15px 15px 15px 15px;
width: 650px;
display: block;
text-align: left;
background-color: #000;
font-size: 14px;
color: #fff;
border: 2px solid #FBDDA0;
}
p.news {
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 14px;
color: fff;
}
p.news a {
color: #fff;
text-decoration: none;
}
p.news a:hover {
color: #C0C0C0;
text-decoration: underline;
}
#awards ul {
margin-top: 5px;
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 13px;
color: #fff;
}
#awards ul li {
margin-bottom: 7px;
}
/*Start of my Edit*/
#text{
position:relative;
width:67%;
}
#picture{
position:relative;
width:30%;
}
HTML:
<div id="awards">
<div id="text">
<p class="news">The late Dr. Allan Zavod received the <span style="color: #FBDDA0; font-weight: normal">Medal of the Order of Australia (OAM)</span> on January 26 2017, for service to the performing arts as a musician and composer. Here are some of his outstanding
acheivements:</p>
<ul style="padding-top: 7px;">
<li>1st Australian to attend Berklee College of Music, Boston, on Duke Ellington's recommendation, 1970.</li>
<li>1st Jazz Fusion Concerto on Australia Day for the Bicentenial at the Opera House performed by Australian Youth Orchestra in 1988.</li>
<li>Won the Asia-Pacific Broadcasting Union (ABU) Song Contest in Kuala Lumpur (as composer), taking a very young singer Kate Ceberano on her first international performance, 1987.</li>
<li>Awarded Doctor of Music by Melbourne University in recognition of his international achievements as a composer of Classical Jazz Fusion and for his substantial, original and distinguised contribution to music knowledge, 2009.</li>
<li>Environmental Symphony, performed initially at The Banksia Environmental Awards in 2010. Later performed in full by the Melbourne Symphony Orchestra at Hamer Hall in 2015 - all proceeds (over 0,000.00) going to the Royal Melbourne Hospital for
GBM Brain Cancer Research.</li>
</ul>
</div>
<div class="picture">
<a href="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" target="_blank">
<img src="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" width="200" height="190" style="float: right; margin-left: 10px; margin-bottom: 10px;" border="0" title="Allan Zavod awarded OAM - click to read article" alt="Allan Zavod awarded OAM - click to read article"
/>
</a>
</div>
</div>
这就是花车的工作原理。文本将环绕在浮动元素的周围和下方。
由于您的图片具有固定宽度，您可以为与图片宽度匹配的文本包装应用边距。
* {
padding: 0;
margin: 0;
}
p {
line-height: 140%;
color: #B4B4B4;
font-size: 14px;
}
ul {
font-size: 14px;
line-height: 140%;
list-style-type: disc;
padding-left: 15px;
margin-left: 15px;
margin-right: 10px;
}
#awards {
margin: 10px 0px 60px 10px;
padding: 15px;
width: 650px;
background-color: #000;
font-size: 14px;
color: #fff;
border: 2px solid #FBDDA0;
}
p.news {
line-height: 110%;
font-weight: normal;
font-size: 14px;
color: fff;
}
p.news a {
color: #fff;
text-decoration: none;
}
p.news a:hover {
color: #C0C0C0;
text-decoration: underline;
}
#awards ul {
margin-top: 5px;
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 13px;
color: #fff;
}
#awards ul li {
margin-bottom: 7px;
}
#awards > div {
margin-right: 200px;
}
<div id="awards">
<a href="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" target="_blank">
<img src="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" width="200" height="190" style="float: right; margin-left: 10px; margin-bottom: 10px;" border="0" title="Allan Zavod awarded OAM - click to read article" alt="Allan Zavod awarded OAM - click to read article"
/>
</a>
<div>
<p class="news">The late Dr. Allan Zavod received the <span style="color: #FBDDA0; font-weight: normal">Medal of the Order of Australia (OAM)</span> on January 26 2017, for service to the performing arts as a musician and composer. Here are some of his outstanding
acheivements:
</p>
<ul style="padding-top: 7px;">
<li>1st Australian to attend Berklee College of Music, Boston, on Duke Ellington's recommendation, 1970.</li>
<li>1st Jazz Fusion Concerto on Australia Day for the Bicentenial at the Opera House performed by Australian Youth Orchestra in 1988.</li>
<li>Won the Asia-Pacific Broadcasting Union (ABU) Song Contest in Kuala Lumpur (as composer), taking a very young singer Kate Ceberano on her first international performance, 1987.</li>
<li>Awarded Doctor of Music by Melbourne University in recognition of his international achievements as a composer of Classical Jazz Fusion and for his substantial, original and distinguised contribution to music knowledge, 2009.</li>
<li>Environmental Symphony, performed initially at The Banksia Environmental Awards in 2010. Later performed in full by the Melbourne Symphony Orchestra at Hamer Hall in 2015 - all proceeds (over 0,000.00) going to the Royal Melbourne Hospital for
GBM Brain Cancer Research.</li>
</ul>
</div>
</div>
感谢回复并提出建议的两位。
不幸的是，没有一个能完全按照我的需要工作。由于我的示例被带边框的 'div' 包围，所以我无法取出外部容器 div 上的 'display: block'。我也无法更改通用的 'p' 和 'ul' 标签，因为这影响了我网站的其余部分。我只能使用 'awards' 和 'news' 标签或添加的任何其他新标签。
我最终使用了每个建议中的一些信息。基本上，我将两个 side-by-side 元素包装在它们自己的 'div' 标签中，并使它们都在各自的方向上浮动，添加它们各自的宽度，并添加：'display: inline-block'。 （我真的想要一个不添加 hard-coded 宽度的解决方案，但不知道该怎么做，并决定不值得额外 head-ache 找到解决方法!)
注意：我还把'p'标签移到两个浮动元素的上方，并调整了图片的位置，使其更美观。
这是对我有用的更新代码 - 在你们两个的帮助下！
* {
padding: 0;
margin: 0;
}
p {
line-height: 140%;
color: #B4B4B4;
font-size: 14px;
font-weight: normal;
}
ul {
font-size: 14px;
line-height: 140%;
font-weight: normal;
list-style-type: disc;
display: block;
float: left;
text-align: left;
padding-left: 15px;
margin-left: 15px;
margin-right: 10px;
}
#awards {
float: left;
margin: 10px 0px 60px 10px;
padding: 15px;
width: 650px;
display: block;
text-align: left;
background-color: #000;
font-size: 14px;
color: #fff;
border: 2px solid #FBDDA0;
}
p.news {
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 14px;
color: fff;
}
p.news a {
color: #fff;
text-decoration: none;
}
p.news a:hover {
color: #C0C0C0;
text-decoration: underline;
}
#awards ul {
margin-top: 5px;
line-height: 110%;
font-weight: normal;
text-align: left;
font-size: 13px;
color: #fff;
}
#awards ul li {
margin-bottom: 7px;
}
/* new css added to fix */
#awards #text{
float: left;
width:430px;
display: inline-block;
}
#awards #picture{
float: right;
width: 210px;
display: inline-block;
}
<div id="awards">
<p class="news">The late Dr. Allan Zavod received the <span style="color: #FBDDA0; font-weight: normal">Medal of the Order of Australia (OAM)</span> on January 26 2017, for service to the performing arts as a musician and composer. Here are some of his outstanding achievements:</p>
<div>
<div id="text">
<ul style="padding-top: 7px;">
<li>1st Australian to attend Berklee College of Music, Boston, on Duke Ellington's recommendation, 1970.</li>
<li>1st Jazz Fusion Concerto on Australia Day for the Bicentenial at the Opera House performed by Australian Youth Orchestra in 1988.</li>
<li>Won the Asia-Pacific Broadcasting Union (ABU) Song Contest in Kuala Lumpur (as composer), taking a very young singer Kate Ceberano on her first international performance, 1987.</li>
<li>Awarded Doctor of Music by Melbourne University in recognition of his international achievements as a composer of Classical Jazz Fusion and for his substantial, original and distinguished contribution to music knowledge, 2009.</li>
<li>Environmental Symphony, performed initially at The Banksia Environmental Awards in 2010. Later performed in full by the Melbourne Symphony Orchestra at Hamer Hall in 2015 - all proceeds (over 0,000.00) going to the Royal Melbourne Hospital for GBM Brain Cancer Research.</li>
</ul>
</div>
<div id="picture">
<a href="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" target="_blank">
<img src="http://www.allanzavod.com/images/Allan_OAM-med-adj.jpg" width="200" height="190" style="margin-left: 10px; margin-bottom: 10px; margin-top: 30px;" border="0" title="Allan Zavod awarded OAM - click to read article" alt="Allan Zavod awarded OAM - click to read article" />
</a>
</div>
</div>
</div> <!-- end awards -->