Difference between revisions of "MIkeS links with block elements"

From Level Access Web Labs
Jump to navigation Jump to search
 
Line 19: Line 19:
 
</a>
 
</a>
  
<h3>Same but set SPAN to word break</h3>
+
<h3>Same but set SPAN to word break (doesn't work yet)</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">
 
<img title="" alt="" src="img/homepage-taskbar-rate.svg">
 
<img title="" alt="" src="img/homepage-taskbar-rate.svg">
 
</div>
 
</div>
Check <span style="word-wrap: break-word;">Today's Rates</span>
+
<span style="overflow-wrap: break-word; word-wrap: break-word;">Check Today's Rates</span>
 
</a>
 
</a>
  
 +
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:24, 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 (doesn't work yet)