Just starting out with html, so please bear with me as I'm still learning...
I've added a list of links to my WordPress page, but for some reason, the first few are not clickable. They appear fine here, but once on my page, they stop working.
Here is the part of my HTML causing the issue:
.parent {
text-align: left;
}
.parent > ul {
display: inline-block;
}<div class="parent" style="text-align: left; margin-left:0 auto; margin-right:0 auto; position: relative; top: +0px; right: 10px;">
<ul style= "font-size: 20px;">Public Open Sessions:
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-april-11" target="_blank" !important>April 11-13, Mississauga, Canada</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-april-18" target="_blank">April 18-20, Atlanta, USA</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-april-25" target="_blank">April 25-27, Calgary, Canada</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-2" target="_blank">May 2-4, Vancouver, Canada</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-9" target="_blank">May 9-11, Philadelphia, USA</a></li>
<li style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-16" target="_blank">May 16-18, Washington, DC, USA</a></li>
<li = style="font-size: 16px;"><a href="http://shopkts.com/collections/training/products/3-day-uem-public-open-session-may-23" target="_blank">May 23-25, Dallas, USA</a></li>
</ul>
...
Seems like the first 3 links don't work while the next 4 do. Moving it around the page makes them suddenly work. Could there be something else affecting it?
Below you will find the full html code:
.parent {
text-align: left;
}
.parent > ul {
display: inline-block;
}<p style="text-align: center; font-size: 40px; color: black"> BlackBerry Open Sessions</p>
<p style="text-align: left;"><img class="alignnone size-full wp-image-1950" src="http://www.ktsglobal.ca/wp-content/uploads/2016/06/ps-1-e1478718264230.png" alt="ps" width="1766" height="569" /></p>
<p style="text-align: left; line-height:2px">Our public open sessions consists of instructor-led training and hands-on virtual labs. Participants will learn to Plan, Deploy and Manage BlackBerry UEM or BES12</p>
<p style="text-align: left; line-height:2px">with one of our certified instructors. Make sure to check back regularily to see our updated list of events.</p>
...
It might look messy, but trust me, it functions correctly on the page.
Follow this link to access the page
Any assistance would be highly appreciated, thank you in advance!