Difference between revisions of "MIkeS links with block elements"

From Level Access Web Labs
Jump to navigation Jump to search
 
(One intermediate revision by the same user not shown)
Line 16: Line 16:
 
<img title="" alt="" src="img/homepage-taskbar-rate.svg">
 
<img title="" alt="" src="img/homepage-taskbar-rate.svg">
 
</div>
 
</div>
Check Today's
+
Check Today's <br>Rates
<span style="word-wrap: break-word;">Rates</span>
 
 
</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 Today's<br>
+
<span style="overflow-wrap: break-word; word-wrap: break-word;">Check Today's Rates</span>
Rates
 
 
</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)