Outlook footer + HTML + CSS - how to do it so it would work? <p>I have a big problem with creating a HTML footer for my dad's firm. They are using OE and Outlook 10. I've working on the code for very long, but still I have some problems. Can I use external font? How should I make it working? How about positioning it with width: X% ?</p> <p>I would like it to look like this:</p> <p><img src="https://i.stack.imgur.com/pr7SK.png" alt="enter image description here"></p> <p>But it doesn't...</p> <p>Here's the code:</p> <pre><code> &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;www.k#$#$#$#$#$#$#$.com&lt;/title&gt; &lt;style&gt; @font-face { font-family: times_Sans_Serif; src: url('http://a#$#$#$#$#$#$#$.pl/tem/TIMESS_.ttf'); } p, a, span { font-family: times_Sans_Serif; } a { text-decoration:none; } .header { width:100%; height:5px; display:block; background-color:#6d5759; } .section li{ float: left; display: inline; list-style-type: none; margin:0% 3%; padding:0; position:relative; } .section p{ display:block; text-align: left; color:#6d5759; } .section a{ color: #6d5759; } #logo { text-decoration:none; text-align: right; } .footer { clear:both; font-size:11px; width:100%; height:auto; display:block; background-color:#6d5759; color:#FFF; text-align:center; padding: 5px; } .footer a{ color:#FFF; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="main"&gt; &lt;div class="header"&gt;&lt;/div&gt; &lt;ul class="section"&gt; &lt;li id="osoba"&gt; &lt;p&gt; &lt;a href="http://k#$#$#$#$#$#$#$.com/o-nas" target="_blank"&gt;Marcjusz K#$#$#$#$#$#$#$&lt;/a&gt;&lt;br&gt; +48 500 000 000&lt;br&gt; marcjusz@k#$#$#$#$#$#$#$.com &lt;/p&gt; &lt;/li&gt; &lt;li id="logo"&gt; &lt;a href="http://k#$#$#$#$#$#$#$.com/" target="_blank"&gt;&lt;img src="http://#$#$#$#$#$#$#$.pl/tem/image001.png"&gt;&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div class="footer"&gt; &lt;span&gt; K#$#$#$#$#$#$#$ Ubezpieczenia Sp.J. &amp;nbsp;|&amp;nbsp; 31-475 Kraków ul. STREET1 &amp;nbsp;|&amp;nbsp; 32-700 Bochnia ul. STREET2 &amp;nbsp;|&amp;nbsp; 32-800 Brzesko ul. STREET 3 &amp;nbsp;|&amp;nbsp; &lt;a href="http://k#$#$#$#$#$#$#$.com/" target="_blank"&gt;www.kr#$#$#$#$#$#$#$.com&lt;/a&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Can you help me with that? I would be very helpful!</p>