回答編集履歴
1
サンプル追加
test
CHANGED
|
@@ -24,3 +24,15 @@
|
|
|
24
24
|
transition: 1s all; /* マウスオーバー時のアニメーション速度 */
|
|
25
25
|
}
|
|
26
26
|
```
|
|
27
|
+
|
|
28
|
+
追記
|
|
29
|
+
---
|
|
30
|
+
**コメントより**
|
|
31
|
+
> もう一点、ヘルプマークの後ろに非表示の
|
|
32
|
+
> <span class="help-text">マウスオーバーで表示されるテキスト</span>
|
|
33
|
+
> がある状態ですが、ヘルプマークの後ろに、ヘルプテキスト文字数分空きができてしまってます。
|
|
34
|
+
> マークの前、後ろにも続けて文章を入力できるようにしたいのですが可能でしょうか。
|
|
35
|
+
|
|
36
|
+
.help-text を絶対配置すればいいでしょう。下記にサンプルを作成しましたの参考に。
|
|
37
|
+
|
|
38
|
+
[CodePen サンプル](https://codepen.io/hatena19/pen/RweEYLj)
|