Programmering af "kontakt-widget" i Wordpress

Hej

På min hjemmeside (www.anders-holm.dk) har jeg i over et år haft en tekstwidget programmeret med nedenstående kode. Denne widget indeholder to ikoner til hhv. telefon og mail. Der er pludselig ged i programmeringen, da den nederste footer der skulle indeholde tre widgets nu er rodet sammen. Widget to og tre er kommet ned under widget et, og de to ikoner i min kontaktwidget står ikke længere venstrestillet under  hinanden. Samtidig er overskriften på widget to og tre nu styret af formatteringen fra widget et, så skriften nu er i stor størrelse og med rød farve. Her er programmeringen:

<a href="callto:42703070">
<div style="float:left; width:20%">
<img src="http://www.anders-holm.dk/wp-content/uploads/2017/01/AH-tlf-e1484130837565.png"/>
</div>
<div><font size="4">
<div style="color:#E22026">
42 70 30 70</font></div>
</a></div>
<br />
<br />
<a href="mailto:info&#64;anders-holm.dk">
<div style="float:left; width:20%">
<img src="http://www.anders-holm.dk/wp-content/uploads/2017/01/AH-mail-e1484130847495.png" />
</div>
<font size="4">
<div style="color:#E22026">
info@anders-holm.dk</font></div>
</a>
</div>
<strong style="color:#E22026">
<br />

På den mobile udgave af min hjemmeside har jeg følgende widgetprogrammering, hvor der er et ekstra ikon til sms. Her er problemet blot at de tre linier ikke længere står venstrestillet under hinanden:

<a href="callto:42703070">
<div style="float:left; width:20%">
<img src="http://www.anders-holm.dk/wp-content/uploads/2017/01/AH-tlf-e1484130837565.png"/>
</div>
<div><font size="4">
<div style="color:#E22026">
Ring op...</font></div>
</a></div>
<br />
<br />
<a href="sms:42703070">
<div style="float:left; width:20%">
<img src="http://www.anders-holm.dk/wp-content/uploads/2017/01/AH-sms-e1484144268339.png"/>
</div>
<div><font size="4">
<div style="color:#E22026">
Send sms...</font></div>
</a></div>
<br />
<br />
<a href="mailto:info&#64;anders-holm.dk">
<div style="float:left; width:20%">
<img src="http://www.anders-holm.dk/wp-content/uploads/2017/01/AH-mail-e1484130847495.png" />
</div>
<font size="4">
<div style="color:#E22026">
Send mail...</font></div>
</a>
</div>
<strong style="color:#E22026">
<br />

Er her et skarpt HTML hoved der lige hurtigt kan fortælle mig hvad problemet er? Det er sikkert ret enkelt hvis man kan programmere!!

På forhånd tusind tak!