前提・実現したいこと
作成した<div class="head1">内の<span class="head2">と<span class="head3">の間に空白を削除したいです。
宜しくお願い致します。
発生している問題・エラーメッセージ
下記ソースの<span class="head2">と<span class="head3">の間に空白ができてしまい、<div class="head1">のline-heightを使って調整できません
該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="UTF-8"> 5<title></title> 6<meta name="viewport" content="width=device-width"> 7<style> 8<!-- 9.head1{ 10 text-align : center; 11 display : block; 12 color : #333333; 13} 14 15.head2{ 16 padding-left : 1em; 17 background-repeat : no-repeat; 18 background-position : left center; 19 font-size : 0.8em; 20 text-align : center; 21 line-height : 1.5; 22 width : 18.5em; 23 display : block; 24 margin : 0pt auto 0px; 25} 26 27.head3{ 28 letter-spacing : 0.3em; 29 text-align : center; 30 font-size : 1.8em; 31 margin : 0px auto; 32} 33--> 34</style> 35</head> 36<body> 37 <div class="head1"><span class="head2">test1test1test1test1test1<br>test2test2test2</span><br><span class="head3">test3</span></div> 38</body> 39</html>
試したこと
.head2と.head3の margin : 0pt auto 0px;にしました。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー