Il CSS cè, questo non copio, è identico al tuo codice CSS. Sotto il codice html:

<p>Row 1: Ch302, hdc in 3rd ch from hook and each remaining ch to end (skipped chs count as a hdc). Tip: You may find it useful to place a stitch maker every 50 chs to keep your place in case you lose count. (301)<span class="abc">&nbsp;</span><br />
Row 2: Ch3 (counts as dc here and throughout), turn, dc in next st, skip 1, Shell in next st, [skip 2, Shell in next st], repeat between [ ] until 3 sts remain, skip 1, dc in last 2 sts. (99 Shells, 4 dc)</p>

E cosi mi appare:
Row 1: Ch302, hdc in 3rd ch from hook and each remaining ch to end (skipped chs count as a hdc). Tip: You may find it useful to place a stitch maker every 50 chs to keep your place in case you lose count. (301)
Row 2: Ch3 (counts as dc here and throughout), turn, dc in next st, skip 1, Shell in next st, [skip 2, Shell in next st], repeat between [ ] until 3 sts remain, skip 1, dc in last 2 sts. (99 Shells, 4 dc)

Se uso <p> lo spazio cè, ma mi piacerebbe di avere meno spazio di un <p>.