下記のプログラムで、
文字の位置を、上下中央寄せにしたいです。
text-alignは左右のみですよね。
どこを修正すればよろしいでしょうか。
xamlでいうと、verticalalign:centerなのですが、cssで簡単な記述方法ってあるのでしょうか。
デモページ
https://jsfiddle.net/ahxu07ew/
html
1<div id="Zentai"> 2<ul> 3 <li>あああああああああああああああああああああ</li> 4 <li>いいいいいいいいいいいい</li> 5 <li>ううう</li> 6</ul> 7</div> 8
css
1div#Zentai { 2 position: absolute; 3 width: 100%; 4 left: 0; /*左寄せ*/ 5 bottom: 50px; /*下からの配置位置全画面から回答群までの距離*/ 6} 7 8 9ul li { 10 width: 33%; 11 float: left; 12} 13 14ul li { 15 font-family: 'Lato', sans-serif; 16 display: block; 17 background-color: #fff; 18 border-radius: 6px; 19 box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); 20 box-sizing: border-box; 21 margin: 1px; /*計算が合わない*/ 22 color: #000; 23 padding:10px; 24 border: 2px solid #AAAAA6; 25 font-size: 1.3em; 26 text-align: left; 27 float:bottom; 28 line-height: 1.3em; 29 font-weight: bold; 30 position: relative; 31 height: 135px; 32} 33
以上
宜しくお願いいたします。
回答5件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/11/27 02:43