fantazer
3/1/2017 - 7:59 AM

book row

book row

//http://www.java2s.com/Tutorials/HTML_CSS/CSS_Layout_How_to/Margin/Create_book_index_layout_with_dotted_lines.htm

.book-row
	.book-row__title Телефон
	.book-row__dot
	.book-row__value 8 913 383 2924
  
//stylus

//use flexbox
.book-row
	f()
	fw()
	align-items: flex-end
.book-row__title
	max-width: 80%
	line-height: 1.6
.book-row__dot
	border-bottom 1px dashed #00000017
	flex-grow 1
.book-row__value
	max-width: 20%
	white-space nowrap
	vertical-align: bottom
	


//use table
//.book-row
.book-row__title
	display table-cell
	 white-space nowrap
.book-row__dot
	display table-cell
	border-bottom 1px dashed gray
	width 100%
.book-row__value
	display table-cell
	white-space nowrap