Webデザインラボ当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。2017/09/28こんにちは(・∀・)contentプロパティと疑似要素:afterで挿入した画像の中心に、元要素のテキストを配置する方法について。前回の疑似要素:beforeの時と配置する画像の位置が反対になっただけでやり方はほぼ同じ。contentプロパティcontentプロパティを使用して画像を配置する場合、前回の疑似要素:beforeの時と同じく、そのままだと画像の真ん中に元になる要素のテキストは来てくれない。そんな時はどうしたら良いのかはもうお分かりですね。url(right-arrow.png);}Resultサンプルデモと解説いかがでしたか、前回の疑似要素:beforeの時とほぼ同じです。疑似要素:afterで画像を配置するとき、サンプル2のようにpositionプロパティとネガティブマージンを使えば簡単に元要素のテキストを画像の真ん中に配置することができます。ちなみに疑似要素:afterでもURLを指定して矢印部分にリンクを張りたいところですが、疑似要素:beforeと同じく疑似要素:afterで配置したオブジェクトには実体がないとみなされてURLを指定することはできません。Webデザインラボ中の人NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからWebデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり。趣味はお酒を飲みながらの家でまったり音楽鑑賞とアウトドア系全般。最近は自転車にもハマってます。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて。