Difference between revisions of "MIkeS links with block elements"

From Level Access Web Labs
Jump to navigation Jump to search
Line 12: Line 12:
  
 
<h3>Same but replaced SPAN with BR</h3>
 
<h3>Same but replaced SPAN with BR</h3>
 +
<a href="#checkTodaysRates" aria-expanded="false" aria-controls="checkTodaysRates">
 +
<div class="taskImageContainer">
 +
<img title="" alt="" src="img/homepage-taskbar-rate.svg">
 +
</div>
 +
Check Today's
 +
<span style="word-wrap: break-word;">Rates</span>
 +
</a>
 +
 +
<h3>Same but set SPAN to word break</h3>
 
<a href="#checkTodaysRates" aria-expanded="false" aria-controls="checkTodaysRates">
 
<a href="#checkTodaysRates" aria-expanded="false" aria-controls="checkTodaysRates">
 
<div class="taskImageContainer">
 
<div class="taskImageContainer">
Line 19: Line 28:
 
Rates
 
Rates
 
</a>
 
</a>
 
 
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 23:11, 1 February 2017

Initial markup - link with empty DIV and a SPAN set to block level

Same but replaced SPAN with BR

Same but set SPAN to word break